/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Feb 12 2024 | 08:20:38 */ /* Fonte ---------------------------------------------------------------*/ @font-face { font-family: 'Open Sans'; src: url('https://zoomtek.dk/download/opensans.woff') format('woff'); font-weight: normal;font-style: normal; } body { width:100%!important; overflow-x: hidden; color:black!important; font-size:17px; padding-left:0px!important; } *,body,html,h1,h2,h3,h4,h5,a { font-family:'Open Sans'; } h2 { line-height:26px; color:#12204A!important; font-size:23px!important; font-weight:600!important; margin:20px 0px 3px 2px!important; padding:10px 0px 2px 0px; } h3 { margin-top:0px!important; } p { line-height:124%!important; margin-left:3px; font-size:100%; } a { box-shadow: none !important; color:#eb2026!important; } /* Color ---------------------------------------------------------------*/ .colordark2,.colordark2 a {background:#444!important;color:white!important;} .colorblue1,.colorblue1 a {background:#224192!important;color:white!important;} .colorred, .colorred a {background:#EB2026!important;color:white!important;} .colorblack,.colorblack a {background:#000000!important;color:white!important;} .colorblue2,.colorblue2 a {background:#12204A!important;color:white!important;} .colorgrey, .colorgrey a {background:#444466!important;color:white!important;} .coloryellow,.coloryellow a {background:#ffdd00!important;color:black!important;} .colorblack,.colorblack a {background:#000!important;color:white!important;} .colordark1,.colordark1 a {background:#222!important;color:white!important;} .colorlight2,.colorlight2 a {background:#ddd!important;color:black!important;} .colorlight1,.colorlight1 a {background:#eee!important;color:black!important;} .colorblueyellow,.colorblueyellow a {background:#12204A!important;color:#FD0!important;} /* WordPress ---------------------------------------------------------------*/ div.site-branding { background-repeat: no-repeat; background-size: 200px; background-color:#eb2026; /* topfarve */ } nav#site-navigation { text-align:left!important; margin:0px!important; padding:0px!important; } a.post-edit-link { /* Rediger-knap */ color:blue!important; font-size:80%!important; border-radius:2px;padding:1px 3px;background:rgb(255,255,0,1); font-weight:bold; z-index:500; position:absolute;left:5px;top:-55px!important; } /* Blandede Elementer ---------------------------------------------------------------*/ .gulfrem { color:black;background:#FFCC00;font-size:210%;width:100%; padding:17px;text-align:center;border-radius:50px; margin:20px 0px 20px 0px;font-weight:bold; } .billede {margin:auto;position: relative;width:98%; } .billede img { width: 100%;display: block;border-radius:4px 4px 4px 4px;} .overlay { position: absolute;bottom: 5px;left: 0;font-size:110%; padding: 8px 0px 0px 0px;height:70px;width: 100%; text-align: center;background-color: rgba(0, 0, 0, 0.7);color: white; } .black { color:black!important; } div.telefon a { color:white!important;text-decoration:none; transition:all 0.5s } div.telefon a:hover { color:white!important;text-decoration:underline;font-weight:700; } h2.h2small,.h2small, div h2.h2small {font-size:120%!important;color:black!important;margin:0px 0px 18px 0px!important;} .days { padding:1px 5px 2px 3px;color:white;margin-top:4px; margin-bottom:8px!important;display:inline;border-radius:2px;opacity:0.95; font-size:80%; } .days:nth-of-type(1) {background:#224192!important} .days:nth-of-type(2) {background:#444466!important} .days:nth-of-type(3) {background:#444466!important} /* Kursusoversigt ---------------------------------------------------------------*/ .kursusoversigt { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px!important; background-color: #fff!important; } .kursusoversigt>a:hover { transform: translateY(-2px)!important; cursor:pointer!important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4)!important; filter: brightness(1.2); opacity:1!important; } div.kursusoversigt > a { flex: 0 0 calc(33% - 20px)!important; height: 350px!important; margin: 4px!important; border-radius:6px!important; background: url('https://zoomtek.dk/foto/21.png') center/cover!important; position: relative!important; overflow: hidden!important; transition: transform 0.3s, box-shadow 0.3s!important; display: flex!important; align-items: center!important; justify-content: center!important; } .kursusoversigt>a:hover > div:nth-of-type(1) { background: rgba(235, 32, 38, 0.9)!important; transition: transform 0.3s, box-shadow 0.3s, background 0.2s!important; } .kursusoversigt > a > div:nth-of-type(1) { color: white!important; text-align: left!important; padding-left:10px!important;padding-top:10px!important;top:0%!important; height:35%!important; position: absolute!important; width: 100%!important;font-size:120%!important; } .kursusoversigt > a:nth-of-type(5n+1) > div:nth-of-type(1) {background: rgba(18, 32, 74, 0.85)!important; } .kursusoversigt > a:nth-of-type(5n+2) > div:nth-of-type(1) {background: rgba(34, 65, 146, 0.85)!important; } .kursusoversigt > a:nth-of-type(5n+3) > div:nth-of-type(1) {background: rgba(235, 32, 38, 0.85)!important; } .kursusoversigt > a:nth-of-type(5n+4) > div:nth-of-type(1) {background: rgba(68, 68, 102, 0.85)!important; } .kursusoversigt > a:nth-of-type(5n+5) > div:nth-of-type(1) {background: rgba(40, 40, 40, 0.85)!important; } .kursusoversigt > a:nth-of-type(5n+6) > div:nth-of-type(1) {background: rgba(255, 221, 0, 0.85)!important; } .kursusoversigt > a >div:nth-of-type(2) { background: rgba(0, 0, 0, 0.85)!important; color: white!important; padding:10px!important;top:35%!important; height:65%!important;margin-left:0px!important; position: absolute!important; font-size:95%!important;line-height:108%!important;padding-right:35px!important; } .kursusoversigt > a >div:nth-of-type(3) { bottom:8px!important;right:14px!important; color: white!important; position: absolute!important; font-size:90%!important; } /* Rx bokse ---------------------------------------------------------------*/ .R1 {grid-area:nr1} .R2 {grid-area:nr2} .R3 {grid-area:nr3} .R4 {grid-area:nr4} .R5 {grid-area:nr5} .R6 {grid-area:nr6} .R7 {grid-area:nr7} .R8 {grid-area:nr8} .R9 {grid-area:nr9} .R10 {grid-area:nr10} .R11 {grid-area:nr11} .R12 {grid-area:nr12} .R13 {grid-area:nr13} .R14 {grid-area:nr14} .R15 {grid-area:nr15} .R6 p, .R7 p, .R8 p, .R9 p { margin-top:10px!important; height:80px!important; } div.r6 a, div.r7 a, div.r8 a, div.r9 a {text-align:center!important;margin:auto!important;} /* Rx bokse slut -------- */ /* tags ---------------------------------------------------------------*/ div.tags { margin-bottom:30px; padding:20px; width:100%; background-color:#FFDD00; color:black; border-radius:5px 5px 18px 5px; } div.tags a { width:fit-content!important; font-size:130%; padding:10px 15px!important;border-radius:40px!important; text-decoration:none;} div.tags a:nth-of-type(5n+0) {background: #224192!important;margin:12px 15px!important;} div.tags a:nth-of-type(5n+1) {background: #eb2026!important;margin:8px 5px!important;} div.tags a:nth-of-type(5n+2) {background: #111111!important;margin:2px 10px!important;} div.tags a:nth-of-type(5n+3) {background: #12204A!important;margin:11px 2px!important;} div.tags a:nth-of-type(5n+4) {background: #444466!important;margin:5px 13px!important;} div.tags a:hover { text-decoration:none!important; } /* Forside-design ---- frontpagecontainer -----------------------------------------------------------*/ .frontpagecontainer, .fpc2, .xbox { width:107%!important; margin:auto!important; margin-top:130px!important; margin-bottom:15px!important; padding-bottom:15px!important; background-color:#fff; background-size: cover;padding:3px;display: grid; grid-gap:1px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'nr1 nr1 nr1 nr1 nr1 nr2 nr2 nr2' 'nr10 nr10 nr10 nr10 nr10 nr10 nr10 nr10' 'nr11 nr11 nr12 nr12 nr13 nr13 nr14 nr14' 'nr15 nr15 nr15 nr15 nr15 nr15 nr15 nr15' 'nr6 nr6 nr7 nr7 nr8 nr8 nr9 nr9' 'nr3 nr3 nr3 nr4 nr4 nr4 nr5 nr5';} .frontpagecontainer a { color:white!important;font-size:18px!important;text-decoration:underline;} .frontpagecontainer > div { text-align: left; padding: 20px 10px; font-size:16px; color:white!important;font-family:'Open Sans', 'Open Sans';} .frontpagecontainer > div:nth-of-type(1) {background:#eb2026!important} .frontpagecontainer > div:nth-of-type(2) {background:#ffdd00!important} .frontpagecontainer > div:nth-of-type(3) {background:#12204a!important} .frontpagecontainer > div:nth-of-type(4) {background:#444466!important} .frontpagecontainer > div:nth-of-type(5) {background:#244192!important} .frontpagecontainer > div:nth-of-type(6) {background:#222!important} .frontpagecontainer > div:nth-of-type(7) {background:#444!important} .frontpagecontainer > div:nth-of-type(8) {background:#666!important} .frontpagecontainer > div:nth-of-type(9) {background:#888!important} .frontpagecontainer > div:nth-of-type(10),.frontpagecontainer > div:nth-of-type(15) {background:#FFF!important;text-align:center;font-size:130%;padding:40px 2px 12px 2px;color:black!important;} .frontpagecontainer > div:nth-of-type(11),.frontpagecontainer > div:nth-of-type(12),.frontpagecontainer > div:nth-of-type(13),.frontpagecontainer > div:nth-of-type(14) { background:#aaa!important;color:black!important;text-align:center!important;margin-bottom:55px!important; margin:4px;border-radius:8px;} .frontpagecontainer >div h2 {color:white!important} .asmall h2, .asmall p, .asmall {color:white!important;text-decoration:none!important;box-shadow:none!important;} .asmall h2:hover, .asmall p:hover, .asmall:hover {box-shadow:none!important;color:white!important;text-decoration:none!important;} .efterkursus3 { display:grid; grid-template-columns: 32% 32% 32% ; padding:10px 7px; grid-gap:13px; border-radius:4px; margin-bottom:25px; background:url('/foto/59.png'); background-size: 100% auto; } .efterkursus3 div { height:180px!important; opacity:0.9; color:white; padding:20px 10px 10px 10px; border-radius:4px 4px 20px 4px; font-size:95%!important; line-height:110%; } .efterkursus3 div:nth-of-type(1) {background:#224192;} .efterkursus3 div:nth-of-type(2) {background:#EB2026;} .efterkursus3 div:nth-of-type(3) {background:#12204A;} .efterkursus3 div:hover { opacity:0.8;} div.nf-before-field, div.nf-after-field {display:none!important} p.pmodul {margin-bottom:5px!important;} div.kontakttop { padding:10px!important; margin-bottom:8px; display:grid; grid-auto-rows:auto auto auto; font-size:17px; line-height:21px; background:#12204a!important; color:white!important; border-radius:3px; margin-top:30px!important; } .advanced-sidebar-menu li { border:none!important; padding:3px 0px!important; position:relative!important;left:0px;top:0px!important; margin:0px!important; } .advanced-sidebar-menu li:hover { border:none!important; border-color:black!important; padding:3px 0px!important; position:relative!important;left:2px;top:0px!important;background:#fdfdff; margin:0px!important; } .advanced-sidebar-menu li a { border:0px!important; position:relative!important;left:1px;top:0px!important; padding:3px 0px!important; margin:0px!important; } .advanced-sidebar-menu li a:hover { border:0px!important; position:relative!important;left:2px;top:0px!important; padding:3px 0px!important; margin:0px!important; } div.menu-hovedmenu-container { margin-top:60px!important; background-color:#eb2026; /* topfarve */ } p.dage, p.dage2 { background:url('/foto/35.png'); padding:15px 2px 15px 15px; background-color:rgba(255, 255, 255, 0.8)!important; color:white!important; border-radius:0px 0px 8px 0px; margin:10px 0px 20px 0px; z-index:100; } p.dage { display:none!important; } .entry-content {margin-top:-20px!important;} .asl_m { z-index: 0 !important; } .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { text-transform:none!important; font-size:42px!important; margin-bottom:16px;font-weight:700!important; animation-duration: 1s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; padding-left:0px;opacity:1; animation-name: hopvenstre; } @keyframes hopvenstre { 0% { padding-left:15px;opacity:0;} 100% { padding-left:0px;opacity:1} } /* Forside ---------------------------------------------------------------*/ .forside-grid { background-color: #fff; padding: 10px; padding-top:60px!important; display: grid;grid-template-columns: 60% 40%;grid-gap: 0px; margin-top:10px!important; } .forside-grid > div { border:0px white solid;font-family:'Open Sans'; padding-top:10px; color:white;padding:30px 8px 10px 16px!important; font-size: 20px; line-height:110%; } .forside-grid > div:nth-of-type(1) {min-height:120px;background:#111;} .forside-grid > div:nth-of-type(2) {min-height:120px;background:#333;} .forside-grid > div:nth-of-type(3) { min-height:250px; background-image: url("https://zoomtek.dk/foto/82.png"); } .item3 { grid-column: 1 / 3; color:black!important; background:white!important; } .item1 p, .item2 h2 {margin-top:25px!important;} .item3 a { color:white!important; } /*4 forsideknapper ---------------------------------------------------------------*/ .grid4 { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 40px; } defs { display:none!important; } /* Kursus-Grid ---------------------------------------------------------------*/ div.kursusgrid { background:#fff!important; text-decoration:none!important; padding-top:20px!important; display:grid!important; grid-gap:0px!important; grid-template-columns:23% 23% 23% 23%!important; } div.kursusgrid a { color:white!important;text-decoration:none!important; font-size:1px!important; font-family:'Open Sans'!important; border:2px solid white!important; min-height:130px!important; padding:0px 5px!important; margin:0px;text-decoration:none!important; transition: all 0.5s!important; } div.kursusgrid a:nth-of-type(5n) {background:#224192!important;} div.kursusgrid a:nth-of-type(5n+1) {background:#EB2026!important;} div.kursusgrid a:nth-of-type(5n+2) {background:#12204A!important;} div.kursusgrid a:nth-of-type(5n+3) {background:#444466!important;} div.kursusgrid a:nth-of-type(5n+4) {background:#FFDD00!important;} div.kursusgrid a:nth-of-type(5n):hover {background:#07D!important;} div.kursusgrid a:nth-of-type(5n+1):hover {background:#07D!important;} div.kursusgrid a:nth-of-type(5n+2):hover {background:#07D!important;} div.kursusgrid a:nth-of-type(5n+3):hover {background:#07D!important;} div.kursusgrid a:nth-of-type(5n+4):hover {background:#07D!important;} div.kursusgrid a h2 { color:white!important; text-decoration:none!important; font-size:18px!important; background:black!important; padding:4px!important; font-family:'Open Sans'!important; margin:6px 0px 2px!important; border-radius:5px!important; font-weight:normal!important; } div.kursusgrid a p { color:white!important; line-height:17px!important; font-size:15px!important; margin:4px 0px 0px 0px!important; padding:0px!important; padding:0px 5px!important; } div.kursusgrid a:hover, .kursusgrid a:hover { color:black!important; text-decoration:none!important; } /* oversigt4 - 6 blokke på kursusoversigter ---------------------------------------------------------------*/ .oversigt4 { background:#fff; color:white!important; display:flex; flex-direction:row; flex-wrap: nowrap; padding:0px; } div.oversigt4 div { padding:3px!important; width: 600px!important; padding:0px;margin:3px!important; text-align: center!important; font-size: 90%!important; color:white!important; } div.oversigt4 div a { color:white!important; text-decoration:none!important; margin-bottom:20px!important; padding:0px; margin:0px!important; } div.oversigt4 div a h3 { color:white!important; text-decoration:none!important; padding:0px;margin:0px; font-size:120%; line-height:40px!important; } div.oversigt4 {border:white solid 1px;} div.oversigt4:nth-of-type(1) {background:#0000FF!important;} div.oversigt4:nth-of-type(2) {background:#EB2026!important;} div.oversigt4:nth-of-type(3) {background:#12204A!important;} div.oversigt4:nth-of-type(4) {background:#000040!important;} div.oversigt4:nth-of-type(5) {background:#444466!important;} div.oversigt4:nth-of-type(6) {background:#224192!important;} /* Kursuslister på kursusoversigter ---------------------------------------------------------------*/ .kursuslistecontainer { margin:auto!important; margin-top:100px!important; background-color:#fff; background-size: cover;padding:0px;display: grid; grid-gap:0px; grid-template-columns: 1fr 1fr; } .kursusliste { margin:2px 2px 15px 2px!important; border:1px solid white!important; padding:0px 10px 14px 10px!important; border-radius:5px!important; min-height:100px!important; background-color:#12204A!important; } p:nth-of-type(2n + 1) .kursusliste:nth-of-type(5n) {opacity:0.9;} .kursusliste:nth-of-type(5n+1) {opacity:1;} .kursusliste:nth-of-type(5n+2) {opacity:0.9;} .kursusliste:nth-of-type(5n+3) {opacity:0.8;} .kursusliste:nth-of-type(5n+4) {opacity:1;} .kursusliste:hover {background:#25315C!important;} .kursusliste h2 { margin:4px 0px 4px 0px!important; padding-top:10px!important; padding-left:8px!important; font-size:140%!important; height:70px; color:white!important; background-color:#224192; } .kursuslistetekst { font-size:105%!important; margin-top:5px;margin-bottom:15px!important; color:white!important; padding-left:8px!important; } .kursusliste a { padding:6px!important; background:#ddd!important; color:black!important; border-radius:2px!important; border:solid 1px #ddd!important; text-decoration: none!important; cursor:pointer!important; margin:0px 0px 0px 18px!important; font-size:80%!important; padding-left:8px!important; } .kursusliste a:hover { background:#12204a!important;color:white!important; text-decoration: none!important; border:solid 1px #ddd!important; } .kursuslistebund { margin-top:4px!important; margin-bottom:2px!important; border-bottom:0px dashed #bbb!important; font-size:72%!important; background:#eb2026!important; padding:3px 0px 3px 8px!important; color:white!important; } /* ----------------------------- ---------------------------------------------------------------*/ .searchfield { padding:12px 10px;border: 2px solid white; border-radius:2px 2px 8px 2px; background:#eee; width:100%; margin:15px 0px; } h1, .entry-title, .site-title a { letter-spacing:normal!important; font-size:55px!important;font-weight:normal!important; margin-top:20px!important; color:black; padding-top:8px!important; } body.page:not(.twentyseventeen-front-page) .entry-title { letter-spacing:1px; } h1.page-title {padding-top:35px;} h1.entry-title {margin-top:0px!important;font-size:28px!important;} .entry-header, h1.entry-title { /* h1 på alle Pages - undtagen forside*/ position:relative; top:-0px!important; padding-bottom:0px; } h1.titleforside { color:#fff;font-size:27px!important; margin:0px 150px 50px 20px; padding:5px; background-color: rgba(0,0,0,0.4); } h2.titleforside { color:#12204A!important;margin-bottom:10px;} .feature {text-align:center;min-height:250px;padding:30px 10px;} .feature.colorblue1 * {color:white;} .feature h1 {font-size:30px;} .feature p {font-size:20px;} .wp-geshi-highlight pre, .wp-geshi-highlight span { /* indlejrede koder */ font-family:'Open Sans'!important; font-size:16px!important } #adminbarsearch .adminbar-button, #wpadminbar {visibility:hidden;} #primary { min-width:68%!important;} #rabatkode { visibility:hidden;} #snippet-box { display:none;} #wp-custom-header { display:none!important;background:#fff; background-image:none!important; } .imgkursusoversigt { float:right;margin:10px;width:460px;height:200px;} div .site-content a[target=_new]::after { color:#000;background:#fafafa; font-size:60%;margin-right:8px; text-decoration:none!important; content:"(nyt faneblad)";position:relative; left:4px;top:-4px; } span.faneblady {border:1px black solid;border-bottom:none;transition:all 0s;} span.faneblady:hover {background:#446!important;color:white!important;} span.faneblady.su-tabs-current {color:black;} .fanebladx {background:#fff!important} div.su-tabs-nav span { font-family:'Open Sans'!important;font-weight:bold!important;background:#eb2026;color:white;} .nav-link:hover {border-width:4px 2px 0px 2px!important; } /* images med caption ---------------------------------------------------------------*/ div.probox {display:none;} figure {width:100%;} figure img { width:100%;max-width:640px; height:200px;object-fit:cover;transition:all .4s linear; } figcaption { font-style:italic;color:#0A0A0A;font-size:90%; line-height:100%;margin-top:2px; } /* Versionstjek ---------------------------------------------------------------*/ .versionstjek { width:100%;color:white!important; background:#224192;padding:5px; margin-bottom:30px!important; } /* Full-width ---------------------------------------------------------------*/ .fullwidth { position:relative;top:0px!important; margin-top:0px;left:0!important; margin-left:-30px!important; padding:30px 60px 30px 30px;width:100vw; height:auto;color:white;margin-bottom:10px!important; } .fullwidth *, .fullwidth a {color:white!important;font-weight:bold;} .fullwidth * {font-size:112%!important;} .fullwidth a {font-size:100%!important;} .fullwidth.coloryellow *,.fullwidth.coloryellow a {color:black!important;} .hundrede-pct { width:100%!important; margin-left:0px!important; } /* Søgeboks sat ind med shortcode ---------------------------------------------------------------*/ .sogeboks-fri { background:#12204A; border-radius:2px 2px 8px 2px; padding:15px;width: 450px; margin-bottom: 15px; } /* Ninja-forms ---------------------------------------------------------------*/ .nj2 { display: grid; grid-template-columns: auto auto; grid-gap: 20px; } .ninja-richtext {height:250px!important;} /* Ninja richtext højde */ .ninjabredde {width:93%!important;} .ninja-felt { margin-left:0px!important; font-size:100%; padding:5px 5px 5px 9px!important;} .ninja-felt-2 { margin-left:0px!important; width:67%!important; height:80px!important; font-size:100%; padding:5px 5px 5px 9px!important;} .ninja-felt-3 { margin-left:0px!important; width:52%!important; font-size:100%; margin-top:20px!important; padding:5px 5px 5px 9px!important;} span.html-tag { font-size:22px!important; font-family:'Open Sans'!important; color:black; } .kommentar, #kommentar { height:180px!important;} .nj-container { /* Området bag formularen*/ font-family:'Open Sans','Open Sans'; max-width:700px;background:#fdfdfd; margin-top:20px;margin-bottom:10px; font-size:110%!important; } .nj-container > hr { visibility:hidden!important; } #nf-form-7-cont {margin-top:30px!important;} input.nf-element { /* felter i ninja */ padding:4px; font-size:16px;} .nj-element { /* område mellem felter*/ background:#fdfdfd!important; max-width:700px; padding:10px; } .nj-element input, .nj-element textarea { /*felter*/ border:2px #12204A solid!important; } div .widget_ninja_forms_widget { border:1px solid #446; border-radius:2px 2px 15px 2px;padding:4px; font-size:150%!important; background:#eee;color:white!important; font-family:'Open Sans'; padding:8px!important; } .nf-form-fields-required {display:none;} div.nf-field-container {margin:0px!important;height:auto;padding:0px;} .nf-field-element input, .nf-field-element select, .nf-field-element textarea { height:40px; margin:5px!important; } div.nf-field-element > hr { visibility:hidden!important; } .nf-response-msg { /* Ninja-response-message*/ color: black!important; background:white!important; font-weight:bold; } .ninja5-knap, #send_din_besked_du_horer_fra_os_hurtigt_1641553876399 {width:600px!important;} .ninja5 ninja5-felt, .ninja5-felt {padding:10px!important;font-size:120%!important;} .button .ninja5-knap, a.button .ninja5-knap, .field-wrap>div input[type=checkbox], .field-wrap button .ninja5-knap, input[type=button] .ninja5-knap, input[type=submit] .ninja5-knap { width:500px!important } /* Nyhedsblokke = ACH - firkantede blokke fx på nyheder -----------------------------------------------*/ div.nyhederdato { width:200px!important; padding:2px 2px 2px 0px!important; margin:0px!important; } .ach-container { width:100%;height:auto; border:0px red solid;padding:0px; display:flex;flex-wrap:wrap; } div .ach-item h2 { font-size:145%!important; line-height:145%!important; } div .ach-item a {font-size:90%!important;} .ach-container div { background:#fff; height:auto;display: flex; padding:4px;border:0px blue solid; justify-content: flex-start;margin:6px; flex-grow:1; flex-direction:column; flex-wrap:wrap; border:0px black solid; width:20%; } .ach-container div.koll2 { width:33%!important; } .ach-container div img { width:100%; height:100px; object-fit:cover; opacity:1; } .search-in-place, .item {z-index: 1;} /* Fold-ud bokse, class='x' ---------------------------------------------------------------*/ article.x { transition:all 1s!important; position: relative; padding:20px 10px 20px 15px!important; padding-left:10px; font-size:65%!important; margin:30px 0px 50px 0px!important; border:1px solid #ddd; height:120px;overflow:hidden;border-radius:2px 2px 8px 2px; width:90%!important; margin:auto!important; margin-bottom:50px!important; transition:all 1s!important; font-size:85%!important; } article.x:after { position: absolute; bottom: 0;height: 80%;width: 100%;left:0; content: ""; background: linear-gradient(to top, rgba(255,255,255, 1) 30%, rgba(255,255,255, 0) 100% ); pointer-events: none; } article.x:hover { padding-left:10px;cursor:pointer; background: linear-gradient(to top,#dddddd,#dddddd); color:#000!important;width:92%; transition:all 0.5s;height:auto; overflow:visible; font-size:95%!important; } article.x:hover::after { background:transparent!important; color:black!important; transition:all 0.5s;} .foldud { /* foldud-knap i foldud-boks (x)*/ display:block;position:absolute;top:70px; z-index:100;left:30px;font-weight:900!important; font-size:105%; padding:4px;transition:all 0.5s;color:white!important;background:black!important;} article.x:hover .foldud { visibility:hidden; color:black!important; } div.panel-content div.wrap header.entry-header h2.entry-title {color:white!important;} .nf-field-label label {font-size:15px;line-height:18px!important;font-weight:normal!important;} .ninjagdpr {font-size:8px!important;} .page.page-one-column:not(.twentyseventeen-front-page) #primary { max-width:100%!important;padding-top:10px!important;} /* Top: tekst, logo ---------------------------------------------------------------*/ .toptekst { padding:10px 10px 10px 4px!important; position:absolute;z-index:1000;top:4px; font-weight:bold;left:65%; font-size:15px;color:#000;float:right; visibility:hidden; line-height:110%; } a img.toplogo { padding:1px 10px 4px 0px; position:absolute;z-index:1000;top:5px; left:15px;width:150px!important; } img.toplogo, .toplogo { width:180px!important; } p.site-description { visibility:hidden!important; } /* Baggrund for topdelen - topområde ---------------------------------------------------------------*/ .site-branding { background:#fff;color:green;height:100px!important; overflow:hidden!important; } .custom-header-media{background:#f9f9f9;color:green;height:100px!important;overflow:hidden!important;} .site-header {height:150px!important;} .menu-hovedmenu-container { /* bjælke under topmenu */ } .site-navigation {position:absolute;top:280px;} /* Top-menuer */ .navigation-top { background-color: rgba(235,32,38,0); /* Topfarve */ border: none;width: 100%; color:white!important; height:31px;top:-200px;left:201px;font-size: 98%;bottom: auto; position: relative;margin-right: -5px!important; background-color:#eb2026; /* topfarve */ } .navigation-top a { margin-top:0px!important; border:none!important; background:#eb2026!important; /* Topfarve */ padding:12px 13px 13px 13px!important; color:black!important; position:relative;z-index:1000; background-color:#eb2026; /* topfarve */ } /* Nuværende valgte menu ---------------------------------------------------------------*/ .current-menu-item > a, .navigation-top .current_page_item > a, .current_page_item { background:#fff!important; border-bottom:1px solid black; color:blue!important; } .navigation-top a:hover { background:#eb2026!important; /* Topfarve */ color:#fff!important; text-decoration:none; } .navigation-top a:visited { background:#eb2026!important; /* Topfarve */ color:#fff!important; text-decoration:none; } .navigation-top li a, .navigation-top li { border:none!important; top:2px; font-weight:normal; font-size:100%; background:transparent!important; /*Topfarve*/ color:white!important; position:relative; z-index:1000!important; } /* start sub-menu ---------------------------------------------------------------*/ ul.sub-menu { z-index:1000; padding-top:20px!important; background:transparent!important; border:none!important; padding:0px!important; margin:0px!important; width:230px!important; transition-property: none; } ul.sub-menu li { width:230px!important; margin-top:0px!important; color:black!important; background:#eee!important; transition-property: none; } ul.sub-menu li:visited, ul.sub-menu li a:visited, ul.sub-menu li:active, ul.sub-menu li a:active { color:black!important; background:#eee!important; } ul.sub-menu li a { width:230px!important; color:black!important; background:#eee!important; border-top:0px solid yellow!important; transition-property: none; padding:2px 4px 2px 8px!important;margin:0px!important; /* submenu */ } ul.sub-menu li:hover { color:white!important; background:#444466!important; } ul.sub-menu li a:hover { background:#444466!important; color:white!important; } /* Slut sub-menu ---------------------------------------------------------------*/ .site-title a { visibility:hidden; } .custom-header {height:160px!important} .menu-item:hover, .menu-item a, .menu-item a:hover {border:none!important} .menu-item:hover, .menu-item-type-post_type:hover .menu-item-object-page:hover { border:none!important; } ul.child-sidebar-menu .menu-item a {font-size:128%!important;color:#eb2026!important;} .menu-item a:hover, .menu-item-type-post_type a:hover .menu-item-object-page ul.submenu li:hover, ul.submenu li:hover a {border:1px solid black!important;} div#primary.content-area { padding-top:0px!important; top:-50px!important; } /* CUSTOM CLASSES --------------------------------------------------------------- */ .h2forside { font-weight:normal!important; font-size:25px!important; } /* Punktopstillinger*/ .entry-content ul { padding-left:0px!important; border-radius:2px 2px 15px 2px; padding:8px 4px 8px 4px; color:black!important; } .entry-content ul:not(.nav-tabs) li { margin-bottom:4px;line-height:120%; list-style-image: url('/images/bulletblue.png'); position:relative;left:10px!important; padding-left:7px!important; margin-left:15px!important; margin-right:5px!important; } .entry-content ul:not(.nav-tabs):not(.child-sidebar-menu) li:nth-child(3n):not(:last-child) {margin-bottom:18px;} /* Kursussider, farvede bokse til højre - fx afholdelsesgaranti */ .k { border:none;width:100%; max-width:600px;margin-right:12px; margin-top:5px;border-radius:2px 2px 15px 2px; height:auto;color:white; padding:10px;line-height:95%; transition:all 2s!important; } .k a { color:white!important; text-decoration:none!important; box-shadow:none!important } .k:hover { transition:all 2s!important; transform: rotate(0deg)!important; cursor:pointer!important; box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)!important; } /* overskrift i kursusbokse (bredde) ---------------------------------------------------------------*/ .kh1 { display:block; font-size:150%; line-height:130%; } /* paragraph/almindelig tekst i kursusbokse (bredde) */ .kp { margin-top:8px; font-size:110%; line-height:16px; } /* farvekoder til bredde kursusbokse ---------------------------------------------------------------*/ .f01 {background:#224192!important;} .f01:hover {background:#224199!important;} .f02 {background:#eb2026!important;} .f02:hover {background:#eb2032!important;} .f03 {background:#000000!important;} .f03:hover {background:#000032!important;} .f04 {background:#12204A!important;} .f04:hover {background:#12206A!important;} .f05 {background:#444466!important;} .f05:hover {background:#444486!important;} .f06 {background:#ffdd00!important;color:black!important;} .f06:hover {background:#ffdd11!important;} /* Teaser - øverst på de fleste sider */ .teaser { border-left:#eb2026 solid 8px!important; padding:25px 28px 25px 18px; margin: 55px 30% 20px 0px!important; background-color:#444466; opacity:0.9; color:white!important; border-radius:0px 50px 50px 0px; } p.teaserunder { font-size:100%!important; background-color:#fafafa; padding:12px; border-radius:3px; } /* FREMHÆVET BOKS (blå) ---------------------------------------------------------------*/ .hboks, .gboks, .iboks { width:80%; padding:20px 10px 10px 30px!important; padding-left:20px!important; border-radius:8px 8px 16px 8px; text-align:left; transition:all .4s linear; display:block; font-weight:500!important; color:white!important; box-shadow:3px 3px 10px #AAA; } p.hboks, p.gboks {font-size:92%!important;margin:45px!important;} .iboks {font-size:92%!important;} .gboks:hover, .hboks:hover, .iboks:hover { transform:rotate(0deg); box-shadow:7px 7px 18px #777; } .gboks::before, .hboks::before, .iboks::before { content: '"';display:block; text-align:left;color:white; font-style:italic;font-size:90px; font-weight:bold; } .hboks {background:#224192!important;border-left:0px #eb2026 solid;} .gboks {background:#EB2026!important;border-left:0px #444466 solid;} .iboks {background:#12204A!important;border-left:0px #ffdd00 solid;} .hboks a, .gboks a, .iboks a {} p.hboks a, p.gboks a, p.iboks a, p.hboks a:visited, p.gboks a:visited, p.iboks .block { color:#FFF!important;text-decoration:underline!important; margin-bottom:-20px; width:300px;height:150px; } .newshape { float:left; width:50%!important; height:100%!important; border:1px solid white; background:#12204A; color:white; display: flex; justify-content: center; align-items: center; box-shadow:2px 2px grey; } .newshape p {color:white!important;font-weight:bold!important;font-size:120%;} .cirkel-nv {border-radius:200px 0px 0px 0px;background:black;} .cirkel-no {border-radius:0px 200px 0px 0px;background:green;} .cirkel-so {border-radius:0px 0px 200px 0px;background:#eb2026;} .cirkel-sv {border-radius:0px 0px 0px 200px;background:#224192;} .mere { color:white!important; background:#222; padding:8px!important; border-radius:2px 2px 15px 2px; font-size:100%; } .outerframe { background-color:rgba(255, 255, 255, 0.9)!important; padding:10px!important; border-radius:10px!important; margin:20px auto 30px auto; width:75%; box-shadow:2px 6px 5px grey; font-size:15px; } .storskrift { /* tekst i bokse på forside */ color:black; } /* Farvede firkanter ---------------------------------------------------------------*/ .square { width: 97%;height: auto; padding: 10px 30px; margin:0px 0px 25px 0px; align-items: center;background:#f6f6f6; border-radius:2px 2px 15px 2px; display: flex; justify-content: flex-start; flex-wrap: wrap; } .square div { border-radius:2px 2px 15px 2px; box-shadow:2px 2px 5px grey; background:white; opacity:0,2; font-size:90%; font-weight:700!important; height:110px;line-height: 120%; float: left;margin: 5px 5px; padding:8px;width:137px; text-align:left!important; display: flex;justify-content: flex-start; } .flad div {height:60px!important;} .statistics {padding:0px!important;margin:0px!important;} .innermidt { text-align:center; } .kolonne2 {column-count: 2;} .kolonne3 {column-count: 3;} .mellem div {height:80px!important;} .square div a { color:white!important; font-weight:700!important; text-decoration:none!important; } div.redish div:nth-of-type(1) {color:white;background:#8B0000;} div.redish div:nth-of-type(2) {color:white;background:#B22222;} div.redish div:nth-of-type(3) {color:white;background:#FF0000;} div.redish div:nth-of-type(4) {color:white;background:#DC143C;} div.redish div:nth-of-type(5) {color:white;background:#CD5C5C;} div.redish div:nth-of-type(6) {color:white;background:#F08080;} div.redish div:nth-of-type(7) {color:white;background:#E9967A;} div.redish div:nth-of-type(8) {color:white;background:#FA8072;} div.redish div:nth-of-type(9) {color:white;background:#8B0000;} div.redish div:nth-of-type(10) {color:white;background:#B22222;} div.redish div:nth-of-type(11) {color:white;background:#FF0000;} div.redish div:nth-of-type(12) {color:white;background:#DC143C;} div.redish div:nth-of-type(13) {color:white;background:#CD5C5C;} div.redish div:nth-of-type(14) {color:white;background:#F08080;} div.redish div:nth-of-type(15) {color:white;background:#E9967A;} div.redish div:nth-of-type(16) {color:white;background:#FA8072;} div.bluish div:nth-of-type(1) {color:white;background:#4169E1;} div.bluish div:nth-of-type(2) {color:white;background:#0000FF;} div.bluish div:nth-of-type(3) {color:white;background:#0000CD;} div.bluish div:nth-of-type(4) {color:white;background:#00008B;} div.bluish div:nth-of-type(5) {color:white;background:#4169E1;} div.bluish div:nth-of-type(6) {color:white;background:#1E90FF;} div.bluish div:nth-of-type(7) {color:white;background:#00BFFF;} div.bluish div:nth-of-type(8) {color:white;background:#6495ED;} div.bluish div:nth-of-type(9) {color:white;background:#4169E1;} div.bluish div:nth-of-type(10) {color:white;background:#0000FF;} div.bluish div:nth-of-type(11) {color:white;background:#0000CD;} div.bluish div:nth-of-type(12) {color:white;background:#00008B;} div.bluish div:nth-of-type(13) {color:white;background:#4169E1;} div.bluish div:nth-of-type(14) {color:white;background:#1E90FF;} div.bluish div:nth-of-type(15) {color:white;background:#00BFFF;} div.bluish div:nth-of-type(16) {color:white;background:#6495ED;} div.greyish div:nth-of-type(1) {color:white;background:#2F4F4F;} div.greyish div:nth-of-type(2) {color:white;background:#708090;} div.greyish div:nth-of-type(3) {color:white;background:#778899;} div.greyish div:nth-of-type(4) {color:white;background:#808080;} div.greyish div:nth-of-type(5) {color:white;background:#696969;} div.greyish div:nth-of-type(6) {color:white;background:#A9A9A9;} div.greyish div:nth-of-type(7) {color:white;background:#C0C0C0;} div.greyish div:nth-of-type(8) {color:white;background:#D3D3D3;} div.greyish div:nth-of-type(9) {background:#2F4F4F;} div.greyish div:nth-of-type(10) {background:#708090;} div.greyish div:nth-of-type(11) {background:#778899;} div.greyish div:nth-of-type(12) {background:#808080;} div.greyish div:nth-of-type(13) {background:#696969;} div.greyish div:nth-of-type(14) {background:#A9A9A9;} div.greyish div:nth-of-type(15) {background:#C0C0C0;} div.greyish div:nth-of-type(16) {background:#D3D3D3;} div.yellowish div:nth-of-type(1) {color:black;background:#FFA500;} div.yellowish div:nth-of-type(2) {color:black;background:#FF8C00;} div.yellowish div:nth-of-type(3) {color:black;background:#FF7F50;} div.yellowish div:nth-of-type(4) {color:black;background:#FF9377;} div.yellowish div:nth-of-type(5) {color:black;background:#FF7523;} div.yellowish div:nth-of-type(6) {color:black;background:#FFD700;} div.yellowish div:nth-of-type(7) {color:black;background:#FFFF00;} div.yellowish div:nth-of-type(8) {color:black;background:#F0E68C;} div.yellowish div:nth-of-type(9) {color:black;background:#FFAA15;} div.yellowish div:nth-of-type(10) {color:black;background:#FF7711;} div.yellowish div:nth-of-type(11) {color:black;background:#FF9933;} div.yellowish div:nth-of-type(12) {color:black;background:#FFAA00;} div.yellowish div:nth-of-type(13) {color:black;background:#FF9900;} div.yellowish div:nth-of-type(14) {color:black;background:#FF7700;} div.yellowish div:nth-of-type(15) {color:black;background:#FF5500;} div.yellowish div:nth-of-type(16) {color:black;background:#FF3300;} div.greenish div:nth-of-type(1) {color:white;background:#008080;} div.greenish div:nth-of-type(2) {color:white;background:#04AD04;} div.greenish div:nth-of-type(3) {color:white;background:#2E8B57;} div.greenish div:nth-of-type(4) {color:white;background:#006400;} div.greenish div:nth-of-type(5) {color:white;background:#6B8E23;} div.greenish div:nth-of-type(6) {color:white;background:#00B277;} div.greenish div:nth-of-type(7) {color:white;background:#556B2F;} div.greenish div:nth-of-type(8) {color:white;background:#03AD47;} div.greenish div:nth-of-type(9) {color:white;background:#4FAC4F;} div.greenish div:nth-of-type(10) {color:white;background:#008B8B;} div.greenish div:nth-of-type(11) {color:white;background:#50AA50;} div.greenish div:nth-of-type(12) {color:white;background:#6AAB10;} div.greenish div:nth-of-type(13) {color:white;background:#008000;} div.greenish div:nth-of-type(14) {color:white;background:#228B22;} div.greenish div:nth-of-type(15) {color:white;background:#00FA9A;} div.greenish div:nth-of-type(16) {color:white;background:#3CB371;} .squaretekst { position:relative;top:-28px;left:0px;font-size:85%; } /* billede 640x200 / 100%, hvid tekst ---------------------------------------------------------------*/ div.imgcontainer { width:900px!important; border-radius:2px 2px 15px 2px; max-width:100%!important; position: relative; margin-bottom:25px; text-align: left; background:white!important; height:180px!important; overflow:hidden!important; } .imgcontainer img { width:100%;max-width:100%; mix-blend-mode:normal; border-radius:2px 2px 15px 2px; height:180px!important; transform: scale(1) rotate(0deg); transition:all 3s linear; } .imgcontainer img:hover, .imgcontainer imgtekst:hover { transform: scale(1.3) rotate(2deg); } .width100 { width:100vw!important;height:31vw!important; } div.imgtekst { /* tekst hen over billede */ font-size: 195%; margin-top:10px; position:absolute;top:32px;left: 32px; background-color: rgba(0,0,0,0.2); z-index:1;max-width:82%; padding:3px 10px 3px 8px!important; border-radius:2px 2px 15px 2px; color:white;line-height:110%; } /* Forside ---------------------------------------------------------------*/ #panel1, #panel2, #panel3 { /* Paneler på forside */ font-size:130%; } #panel1 { box-shadow:8px 8px 20px black; color:black!important; background:#eb2026; } #panel2 { box-shadow:8px 8px 20px black; color:white!important; background:#224192; } #panel3 { box-shadow:8px 8px 20px black; color:white!important; background:#12204A; } #panel4 { box-shadow:8px 8px 20px black; color:white!important; background:#ffdd00;color:black!important; } #panel4 h2.entry-title { color:black!important; } #panel5 { box-shadow:8px 8px 20px black; color:white!important; background:#444466; } #panel6 { box-shadow:8px 8px 20px black; color:white!important; background:#000; } #panel7 { background:#f0decb;color:black!important; } #panel8 { background:#11dda9;color:black!important; } #panel5 h2, #panel3 h2, #panel2 h2, #panel1 h2 { color:black!important; padding-top:15px; } /* Breadcrumbs ---------------------------------------------------------------*/ .bc, .breadcrumb { font-size:14px!important; margin:0px!important; padding:-10px 0px!important; font-weight:normal!important; color:#222; position:relative; margin-top:-10px!important;margin-bottom:10px!important; margin-left:3px!important; } .pile {width:32%!important;} body:not(.twentyseventeen-front-page) .bc { position:relative; left:20px!important; top:40px!important; font-size:245%!important; visibility:visible!important; } body.twentyseventeen-front-page .bc { visibility:hidden!important; } body.twentyseventeen-front-page > .breadcrumbs { visibility:hidden!important; } body:not(.twentyseventeen-front-page) .breadcrumbs { position:relative;top:149px!important; font-size: 45%!important;color:#222;font-weight:normal!important;left:0px; } /* Breadcrumbs på alle sider undtagen forside ---------------------------------------------------------------*/ body:not(.twentyseventeen-front-page) .breadcrumbs a { color:#222;text-decoration:none; font-weight:normal!important; display: inline; border: none; padding: 0; text-transform: none; } body:not(.twentyseventeen-front-page) .breadcrumbs a:hover { text-decoration:underline; } body:not(.twentyseventeen-front-page) .breadcrumb_last { color:#111!important; font-weight:normal!important; font-size:14px!important; } /*sidste*/ .navigation-top a:hover { border:none!important; } .wrap { max-width: 90%;} /* undermenuer ---------------------------------------------------------------*/ .widget ol li, .widget ol li { border:#eb2026 2px solid!important; } div.panel-Image-prop { height:200px!important; } section h3 {display:none;} header h2, h2 .entry-title {margin-top:30px!important;} /* søgefelt i toppen */ #topsog { position:absolute;top:20px; z-index:200;left:50px;width:600px; } .has-header-image.twentyseventeen-front-page .custom-header { height: 190px; } .has-header-image.home.blog .custom-header { height: 50px; } .custom-header { margin-bottom: 50px !important; } .entry-header { margin-top: -60px!important; /*before*/ } ul.nav { background:#fff!important; height:38px;width:95%;border-radius:2px; list-style:none!important;margin-top:65px!important; margin-left:0px!important;padding-left:0px!important; } .entry-content ul li.nav-item { list-style:none!important; margin-left:0px!important; } .entry-content ul li.nav-item:first-of-type { margin-left:-50px!important; } .entry-content ul li.nav-item a { /* alm faneblad */ color:#222!important; border-style:solid;border-color:white; border-width:4px 2px 0px 2px; border-radius:12px 12px 0px 0px; background:#224192; } .entry-content ul li.nav-item a:hover, .nav-link:hover { text-decoration:none!important; background:#122041; } .entry-content ul li.nav-item a.active { /* valgt faneblad */ font-weight:bold;border-style:solid; border-color:black;border-width:4px 4px 0px 4px; background:#eb2026;color:white!important; } ul {margin:5px!important;} .entry-content ul {margin-bottom:16px!important;} .ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { position:relative; } /* kursuslogo ---------------------------------------------------------------*/ .kursuslogo { display:none;visibility:hidden; float:right!important;width:160px;height:154px; left:-30px;position:relative; z-index:0;top:0px;margin:-12px -15px 25px 34px; border-radius:2px 2px 15px 2px; } li[class^="menu-item-"] section[class^="custom_html-"] { margin:2px!important;border:none!important; } .widget_text ul li:last-child {border-bottom:0px!important;} section[class^="custom_html-"] h2.widget-title { display:none!important;visibility:hidden!important; } /* Widgets ---------------------------------------------------------------*/ .textwidget {margin-top:20px!important;} .widget { padding-bottom: 0em; } h2.widget-title { display:none!important;visibility:hidden; } .widget ul.foot li a:hover { text-decoration:none!important; box-shadow:none!important; border-bottom:0px!important; } .widget ul li, .widget ol li, .widget ul li:hover, .widget ol li:hover { /*menuer sidebar*/ padding:2px!important; font-size: 90%!important; border-bottom:1px solid #ddd!important; } /* Footer ------------------------------------------------------------------- */ ul.foot li a:hover, ul.foot li a { text-decoration:none!important; box-shadow:none!important; } .site-footer { background:black; padding-right:0px!important;color:white;} .site-footer .widget {width:100%!important } div.widget-column .footer-widget-2 { margin:0px!important;padding:0px!important; } section#custom_html-4 { margin:0px!important;padding:0px!important; } footer#colophon div.wrap { margin:0px!important;padding:0px!important; width:100%!important; } .widget-column { margin:0px!important;padding:0px!important; width:100%!important; } div.footer-widget-2 { margin:0px!important;padding:0px!important; width:100%!important; } div.textwidget { margin:0px!important;padding:0px!important;width:100%!important; } div.pristekst { margin-top:0px!important;padding-top:0px!important; } h2#prisen { float:none;color:black!important; display:block;font-size:14px!important; padding-top:0px!important; } h2#overskrift, .h2overskrift { color:#000!important; margin:20px 0px 10px 0px; font-size:22px!important; font-weight:normal!important; } /* prisboks prisberegning ---------------------------------------------------------------*/ div.customgul form { /* prisberegner boks */ background-image: linear-gradient(#eee, #fff)!important; padding-left:10px!important; margin-bottom:5px;font-family:'Open Sans'; color:black!important; border-radius:2px 2px 15px 2px; border:none;padding:4px; } .prisboks select { /* prisberegner boks felt*/ border-radius:2px!important; display:block!important; font-size:14px!important; height:30px!important; width:100%!important; float:none!important; } /* Kontaktboks -------------------------------------------------------- */ .kontakt { font-family:'Open Sans'; font-size:15px;font-weight:normal; color:black!important; } /* Indholds-området ------------------------------------------------------ */ .site-content { /* højde på overskrift/h1 på alle pages*/ margin-top:-160px!important; } /* Menuer til højre ---------------------------------------------------------- */ li[class^="menu-item-"] a { color:#424185;font-size:16px; } li[class^="menu-item-"] a:hover { text-decoration:none!important;box-shadow:none!important; } /* menu hover ---------------------------------------------------------------*/ li[class^="menu-item-"]:hover { background:#fff!important; font-weight:bold;position:relative!important; left:1px!important;top:1px!important; cursor:pointer!important; } .entry-header { margin:0px!important; } .footer-widget-1 { width:0%!important } .footer-widget-2 { width:100%!important;text-align:center!important; margin:0px!important;padding:0px!important; } .site-info { /* standard wordpress footer*/ display: none; } /* images - rotate, skyggeeffekt ---------------------------------------------------------------*/ p img { border:none;overflow:hidden;transition:all .4s linear; } p img:hover, figure img:hover{ transform:rotate(1deg);box-shadow:5px 5px 15px #AAA } /*billeder i teksten, som floates til højre ---------------------------------------------------------------*/ .rightimage { float:right;margin:10px 0px 10px 20px;width:200px; } /* farvede bokse på /kurser -siden ---------------------------------------------------------------*/ .kursusbokscontainer { width:100%;display:flex; justify-content:flex-start;align-content:flex-start; flex-direction:row;flex-wrap:wrap;margin-bottom:20px; } .kursusbokslille { margin-top:8px;font-size:90%; } .kursusbokssmall { border:none;width:145px; margin:5px;height:50px; border-radius:2px;color:white; padding:10px;line-height:95%; transition:all 2s!important; } .kursusbokssmall a { color:white!important;text-decoration:none!important; box-shadow:none!important } .kursusbokssmall:hover { transition:all 2s!important; transform: rotate(1deg); } div.kursusboks { /*farvede bokse på kursusoversigter */ font-family:'Open Sans'!important; border:none;width:210px;margin:5px;height:140px; border-radius:2px;color:white; padding:10px;line-height:95%; transition:transform 1s, background 1s!important; } .kursusboks a { color:white!important;text-decoration:none!important; box-shadow:none!important } .kursusboks a:hover { text-decoration:none!important;box-shadow:none!important } .kursusboks a strong { font-size:115%!important;line-height:122%!important; margin-bottom:0px!important;font-weight:normal!important; color:black!important;background:rgba(255,255,255,0.95); display:block;padding:2px;border-radius:2px; } div.kursusboks:hover { transform: rotate(1deg);background:#12204A; text-decoration:none!important;box-shadow:none!important } .nr1 {background:lightsalmon;opacity:1;color:black!important;} .nr2 {background:salmon;opacity:1;color:black!important;} .nr3 {background:darksalmon;opacity:1;color:black!important;} .nr4 {background:lightcoral;opacity:1;color:black!important;} .nr5 {background:indianred;opacity:1;color:black!important;} .nr6 {background:crimson;opacity:1;color:black!important;} .nr7 {background:red;opacity:1;color:black!important;} .nr8 {background:firebrick;opacity:1;color:black!important;} .nr9 {background:darkred;opacity:1;color:black!important;} .nr10 {background:#EE8500;opacity:1;color:black!important;} .nr11 {background:#EE7C00;opacity:1;color:black!important;} .nr12 {background:coral;opacity:1;color:black!important;} .nr13 {background:tomato;opacity:1;color:black!important;} .nr14 {background:#123456;opacity:1;color:black!important;} .nr15 {background:#492012;opacity:1;color:black!important;} .nr16 {background:#171269;opacity:1;color:black!important;} .nr17 {background:#130325;opacity:1;color:black!important;} .nr18 {background:#389516;opacity:1;color:black!important;} .nr19 {background:#425050;opacity:1;color:black!important;} .nr20 {background:#719430;opacity:1;color:black!important;} .nr21 {background:#669921;opacity:1;color:black!important;} .nr22 {background:#890493;opacity:1;color:black!important;} .nr23 {background:#404266;opacity:1;color:black!important;} .nr24 {background:#172759;opacity:1;color:black!important;} .nr25 {background:#226643;opacity:1;color:black!important;} .nr26 {background:#226655;opacity:1;color:black!important;} .nr27 {background:#557122;opacity:1;color:black!important;} .nr28 {background:#AB3344;opacity:1;color:black!important;} .nr29 {background:#1876C3;opacity:1;color:black!important;} .nr30 {background:orangered;opacity:1;color:black!important;} .nr31 {background:limegreen;opacity:1;color:black!important;} .nr32 {background:darkolivegreen;opacity:1;color:black!important;} .nr33 {background:olivedrab;opacity:1;color:black!important;} .nr34 {background:yellowgreen;opacity:1;color:black!important;} .nr35 {background:darkgreen;opacity:1;color:black!important;} .nr36 {background:green;opacity:1;color:black!important;} .nr37 {background:forestgreen;opacity:1;color:black!important;} .nr38 {background:seagreen;opacity:1;color:black!important;} .nr39 {background:mediumseagreen;opacity:1;color:black!important;} .nrword {background:#26579a;opacity:1;color:black!important;} .nrexcel {background:#217346;opacity:1;color:black!important;} .nrpowerpoint {background:#b7472a;opacity:1;color:black!important;} .nraccess {background:#a33639;opacity:1;color:black!important;} .nrvisio {background:#26579a;opacity:1;color:black!important;} .nronenote {background:#76519d;opacity:1;color:black!important;} /* Footer ---------------------------------------------------------------*/ .footerouter { margin:-20px 0px -20px 50px; height:550px;background:#000; display:flex!important;flex-direction:row!important; justify-content:space-around!important; flex-wrap: nowrap; } .pbouter {background:#eb2026!important} .prisboks {float:left;width:96%!important;margin-top:5px!important;} /* topnavigation */ div.wrap { padding:0px!important; margin:15px!important; text-align: left!important; } div.andrekurser { width:500px!important; } .farve { border:none; color:white!important; background:#224192!important; border-radius:2px!important; width:100%!important; max-width:600px!important; display:inline-block; padding:10px!important; } a:hover.farve {background:#224192;} a.farve :hover {background:#eb2026;} ul#kliste { background:#224192; border-radius:2px; color:white; padding:10px; margin-top:5px; padding:0; list-style:none; display:inline-block; } ul#kliste li { margin:5px; list-style:none; padding:0; } ul#kliste li a {color:white!important;} ul#kliste li:hover {background:#eb2026!important;} div.k {margin-right:40px!important;padding-right:40px!important;} /* Overskrift forside ---------------------------------------------------------------*/ .titleforside { margin-top:90px!important; font-weight:normal!important; font-size:180%!important; padding-top:0px!important; } .menu-scroll-down .icon, .menu-scroll-down,.site-header .menu-scroll-down { display:none; } .main-navigation a {border:1px solid black!important} .main-navigation {margin:0!important} .site-navigation-fixed.navigation-top { position: absolute; top:0!important; padding:0px; visibility:hidden; } .site-header { position: unset!important;} /* navigation SLUT */ ul.kursusfordele li { font-size:121%!important; list-style-type: none; padding:10px 10px!important; line-height:21px!important; } ul.kursusfordele li:hover {font-size:121%!important;padding:10px 8px!important;} div.a { float:left;border:none; margin:3px;height:400px; } /*kursusblokke på kursusoversigter ---------------------*/ div.zouter { font-size:115%!important; font-family:'Open Sans'!important; border:#666 solid 1px;width:100%!important; height:auto!important;min-height:350px!important; border-radius:2px 2px 15px 2px; padding:10px!important;background-image: linear-gradient(#e8f4f8,#fafafa,#fdfdfd);margin-bottom:8px; } div.zouter:hover {background:#fafafa;} div.zouter img.imgpres {width:82px!important;border-radius:50px;float:left!important;margin-right:10px!important;margin-top:7px!important;} div.zouter h2 { font-weight:bold!important;display:block!important; font-size:135%!important;color:black; margin:0px 0px 8px 0px!important;float:none!important;} div.zinner1 p {font-size:90%!important;display:block;} div.zinner1 {height:auto!important;width:65%;float:left!important;margin-right:10px!important;} div.zinner2 { height:auto!important;width:30%!important; float:left!important;padding-left:10px!important;} div.zinner2 p {font-size:87%!important;} div.zinnerimg {width:100px;float:left!important;padding-left:1px;} /* Google map i footer + ZoomTek tekst i footer -------------------------------------------*/ div.su-gmap {margin-top:25px!important;width:100%!important;} div.kursusvirk {margin:25px 10px 0px 5px!important;} ul li.nav-item a {list-style: none!important;} /*grøn boks top*/ div.proinput form input {border-color:black!important;width:99%!important;} .site-description {color:#111!important;opacity:1!important;left:10px;} ul#top-menu { position:relative;left:-35px!important;z-index:1000!important;top:-10px; } /* AJAX Search Lite ----------------------------------------- */ div.asl_w .probox .promagnifier .innericon svg { /* loop-ikon */ visibility:visible; } #ajaxsearchlite1 .probox, div.asl_w .probox { margin: 0; padding: 8px; height: 28px; background-color: #fff; border: 1px solid #333; border-radius: 2px 2px 15px 2px!important; border-radius: 2px; z-index:2; } /* h3Orange ----------------------------------------- */ .h3orangetekst, .h3orange { font-size:115%!important; margin-bottom:0px; padding-top:0px; margin-top:20px!important; color:#eb2026!important; font-weight:600; padding:0px; } div.zinner2 p:first-child {font-weight:bold;font-size:120%;} /*dage på oversigt*/ /* klasser ---------------------------------------------------------------*/ .bred { font-weight:normal; height:auto!important; width:100%!important; max-width:600px!important; background:#224192!important; color:white!important; box-shadow:0 0px 0px 0 rgba(0,0,0,0.2),0 0px 0px 0 rgba(0,0,0,0.19)!important; transition:box-shadow 2s!important; } .bred:hover { background:#5848BB!important; transform: rotate(0deg)!important; cursor:pointer!important; box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)!important; } .entry-content a { color:#eb2026; } .entry-content a:hover {text-decoration:underline!important;} .floatright { float:right; margin:8px; } .footerrouter, footerrouter .item div {color:white!important;} .site-header {background:#fff!important;} #page, .site {width:100%!important; border:none; margin:0; overflow-x: hidden; } div#content.site-contain {margin-top:20px!important} .panel-image { height: 50vh; } .actionknap, a.actionknap, .button, a.button, .field-wrap>div input[type=checkbox], .field-wrap button, input[type=button], input[type=submit] { font-size:80%!important; text-align:center!important;width:180px!important; max-width:80%!important;margin:auto!important;font-weight:normal; text-transform: uppercase; text-decoration: none;background: #224192; padding: 10px;border-radius: 5px; display: inline-block;border: none; transition: all 0.4s ease 0s;color: #fff !important; } .actionknap.lilleknap { width:auto!important; padding:12px!important; border-radius:3px; max-width:140px!important; margin-left:5px!important; margin-top:15px!important; padding:8px 15px 8px 8px!important;font-size:90%!important; } .actionknap.kursusforslag { float:left; margin-right:4px;margin-bottom:4px; } .actionknap:hover, a.actionknap:hover, .button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover{ background: #eb2026;text-decoration:none!important; letter-spacing: 1px;box-shadow:8px 8px 20px grey; transition: all 0.4s ease 0s;color:white!important; } .menu-toggle { /* hamburger-menu */ margin:1px 1px 2px!important; position:relative; z-index:100; text-align:right!important; } /* Punktopstilling 10 grunde til... ---------------------------------------------------------------*/ ol.ofarve li { list-style-type: none;vertical-align: baseline; } ol.ofarve li::before { vertical-align: baseline; border:3px solid #444466; padding:2px 3px 2px 2px;border-radius:50px; color: white;display: inline-block; margin-left: 0px;margin-right:10px; margin-top:4px;font-weight: bold; font-size:18px;left:80px; width:37px;text-align:center; background:#eb2026!important; list-style-position: outside; } ol.ofarve li:nth-of-type(1)::before { content:"1"; } ol.ofarve li:nth-of-type(2)::before { content:"2"; } ol.ofarve li:nth-of-type(3)::before { content:"3"; } ol.ofarve li:nth-of-type(4)::before { content:"4"; } ol.ofarve li:nth-of-type(5)::before { content:"5"; } ol.ofarve li:nth-of-type(6)::before { content:"6"; } ol.ofarve li:nth-of-type(7)::before { content:"7"; } ol.ofarve li:nth-of-type(8)::before { content:"8"; } ol.ofarve li:nth-of-type(9)::before { content:"9"; } ol.ofarve li:nth-of-type(10)::before { content:"10"; } .imgleft {float:left;margin:0px 25px 25px 0px;border-radius:3px;} /* konsulentside */ marquee { left:10px!important; right:-20px!important;margin:0px -100px 0px 0px; background-color:#000;height:90px; padding:0px;color:white; font-size:31px;font-weight:normal; } .ft1, .ft2, .ft3, .ft4 {position:relative;left:10px!important;} /* 4 bokse i footer */ .ft1,.ft2,.ft3 {border-right:1px solid #999;} .bundkasse { /* bundkasse footer */ padding-top:20px;color:white!important; width:25%!important;height:350px; text-align:left;margin:3px;border:none!important; font-size:1.0vw;line-height:110%; } .bundkasse:nth-of-type(1) {width:25%!important;background-image: linear-gradient(#224192,black)!important} .bundkasse:nth-of-type(2) {background-image: linear-gradient(#eb2026,black)!important} .bundkasse:nth-of-type(3) {background-image: linear-gradient(#12204A,black)!important} .bundkasse:nth-of-type(4) {background-image: linear-gradient(#444466,black)!important} .item:nth-of-type(1) {background:white} .item:nth-of-type(2) {background:white;} .item:nth-of-type(3) {background:white} .item:nth-of-type(4) {background:white} ul.foot li { margin:0px; border-bottom:0px!important; } ul.foot li a{ text-decoration:none!important; color:white!important;box-shadow:none!important; } ul.foot li a:hover{ text-decoration:underline!important; color:white!important;box-shadow:none!important } .menu-item:hover, .menu-item-type-post_type:hover .menu-item-object-page:hover { border:none!important; } .disclaimerfooter { color:#999!important; font-size:70%!important; line-height:100%!important; text-align:left!important; margin-left:15px!important; } disclaimerfooter a { color:#999!important; } div.akurser a { /* andre kurser som vises på kursusbeskrivelser*/ color:white!important;font-size:15px!important; text-decoration:none!important; background:#f33!important; padding:7px!important; font-weight:bold!important; border-radius:10px!important; border:3px solid white!important; transition: all 0.3s ease 0s!important; margin:5px 5px 5px 5px!important; display:inline-block; float:left!important; } div.akurser a:hover{ color:#000!important; background:#eee!important; border:3px solid #f33!important; } /* Ansigt Visitkort ---------------------------------------------------------------*/ .ansigt, .ansigt::after, .ansigt::before { display: block;box-sizing:border-box; border: solid 6px;border-radius: 250px; } .ansigt { width: 110px;height: 110px; position: relative;background:#eee; overflow: hidden; } .ansigt::after, .ansigt::before { left: 24px;width: 48px;height: 48px ; content: "";position: absolute; top: 1px;background:#eb2026; } .ansigt::after { /* krop */ border-radius: 250px; border-color:#444466;background:#224192; top: 50px;left:-2px; width: 98px;height: 110px } /* ansigt 131 ---------------------------------------------------------------*/ .ansigt131,.ansigt131::after,.ansigt131::before { display: block;box-sizing:border-box; border: solid 6px;border-radius: 250px; } .ansigt131 { width: 110px;height: 110px; position: relative;background:#eee; overflow: hidden; } .ansigt131::after, .ansigt131::before { left: 24px;width: 51px;height: 70px ; content: "";position: absolute; top: 4px;background:#eb2026; } .ansigt131::after { /* krop */ border-radius: 250px; border-color:blue;background:pink; top: 40px;left:-2px; width: 98px;height: 70px } .visitkort {border:#CCC 4px solid;border-radius:20px; width:60%;padding:5px;display:flex;background:#444466;color:white;margin:40px!important; } .visitkort131 {border:#CCC 2px solid;border-radius:8px; width:114px;height:112px;padding:4px 4px 4px 9px;display:flex;background:#444466;color:white;margin-bottom:20px!important; float:left;margin:0px 20px 20px 0px } .ansigttekst {float:right;font-size:16px;color:white;font-family:'Open Sans';width:70%; margin-left:8px;font-weight:normal;} .ninja-felt {color:white!important;position:relative!important;left:3px!important;width:96%!important; margin-bottom:20px!important; } .ninja-felt-richtext {color:white!important;position:relative!important;left:3px!important;width:96%!important; margin-bottom:20px!important;height:80px!important;} .ninja-felt-knap {color:white!important;width:90%;margin:5px!important;font-size:100%!important;} details { transition:all 2s; background:#eee; border:1px black solid; padding:8px; border-radius:8px; margin:5px 3px 20px 3px; cursor:pointer; width:85%; } details a:hover { color:#EEC; } details summary::marker {color:#eb2026;} details[open] summary ~ * { animation: sweep .5s ease-in-out; } @keyframes sweep { 0% {opacity: 0; margin-left: -10px} 100% {opacity: 1; margin-left: 0px} } h1.entry-title { font-size:280%!important; } .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-size:190%!important; margin-top:20px!important; } svg.icon.icon-arrow-right, svg.icon.icon-arrow-left { width:50px;height:50px; } nav.navigation.pagination {padding:2px 200px 2px 200px; } span.page-numbers.current { font:34px!important; } /* Overskrifter sider ---------------------------------------------------------------*/ h2.side { font-size:23px!important; } h1.entry-title, .entry-title, h1 { font-variant-caps: normal!important; font-variant:normal!important; } /* kasser3 --------------------------------------------------------------------------------- */ div.kasser3 { border-radius:4px; grid-template-columns: 33% 33% 33%!important; background:#fafafa; margin:10px; } .b {width:61%;padding-right:10px;} .c {padding-top:50px;width:25%;min-width:300px;} .dg {font-weight:bold;} /*dage på KUBR*/ #comments { display:none; } img.fotosoren { width:140px; border-radius:4px; } .frontpagecontainer > div:nth-of-type(1) { background-color:#eb2026!important; background-image:url("/foto/14.png")!important; background-size:100%!important; opacity:0.9!important; } .frontpagecontainer div.R1 h2, .frontpagecontainer div.R1 p { background-color:rgba(0,0,0,0.2)!important; padding:4px;border-radius:4px;} .kontakt img {width:15px;height:15px;position:relative;top:-2px;} /*telefon,kuvert ikon*/ .label { text-align:left!important;} /* mfgrid ------------------------------------------------------------------------------------------------------- */ div.mfgrid { display: grid; grid-template-columns: 50% 50%; margin-top:31px; padding: 5px; } div.mfgrid div.mf { padding:3px!important; margin:0px 8px 8px 8px; } div.mfgrid div.mf:nth-of-type(1) {padding-right:12px!important;border-right:black 1px solid!important } div.mfgrid div.mf:nth-of-type(2) { } div.mfgrid div.mf h2 { font-size:24px!important; } div.mfgrid div.mf p { font-size:16px!important; font-weight:normal!important; } div.mfgrid div.mf p.kursuslistebund { font-size:17px!important; color:#080808; font-weight:normal!important; } div.mfgrid div.kursusliste { margin:8px!important; } div.mfgrid div.kursusliste a { margin-left:8px!important; } .nflodret { display:none; } .nfvandret { display:inline; } .nyhedsbrevfelt { height:40px!important; margin-top:5px!important; margin-left:2px!important; border-radius:3px; padding:3px; } .nyhedsbrevwrapper { height:150px!important; } .one-half { display:grid!important; grid-template-columns: auto auto!important; } .skjul { visibility:hidden!important; display:none!important; } .tilmeldnyhedsbrevknap, .tilmeldnyhedsbrevbeholder{ height:50px!important; } .tlftop { position:absolute; left:5px; top:20px; z-index:500; display:none; } .tmdisclaimer { /* trademark disclaimer*/ font-size:11px!important; line-height:12px!important; margin-top:15px;} .tmlille { /* trademark */ font-size:90%!important;} .venstre { text-align:left!important; } .xbox div {border:0px solid black;padding:3px 2px 3px 5px;background:#eee!important;} .xbox {background:#fff;width:100%!important;grid-gap:3px!important;margin-top:0px!important;} .udfaset {display:none!important} /* markering af udfasede sider */ /* MIT License start - css in this section is provided with MIT License - see https://zoomtek.dk/kontakt/ansvarsfraskrivelse */ /* face -------------------------------------------------------------------- */ .facegrid-container { float:none;width:100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; justify-content: center; padding: 0px; } .facegrid-item { background-color: #999; padding: 15px; border-radius:10px; min-height:200px; text-align: center; } .facegrid-item h3 {display:inline;} div.ansigtx { width: 100px; height: 100px; position: relative; margin:0px 10px 10px 0px; border-radius: 150px; display: block; box-shadow: inset 0px -14px 14px rgba(0, 0, 0, .3), 0px 2px 20px rgba(0, 0, 0, .6); float:left!important;display:inline;} div.facegrid-item:nth-of-type(6n+1) div.ansigtx {background-color:#eb2026;} div.facegrid-item:nth-of-type(6n+2) div.ansigtx {background-color:#12204a ;} div.facegrid-item:nth-of-type(6n+3) div.ansigtx {background-color:#224192 ;} div.facegrid-item:nth-of-type(6n+4) div.ansigtx {background-color:#ffdd00 ;} div.facegrid-item:nth-of-type(6n+5) div.ansigtx {background-color:#444466 ;} p.eyes { width: 15px; height: 21px; background: #333; border-radius: 100px 160px; position: absolute; top: 19px; box-shadow: 0px 2px 0 rgba(255,255,255, 0.8); border:1px white solid } p.eyes.lefteye { left: 25px; } p.eyes.righteye { right: 25px; } div.smile { width: 50px; height: 18px; border: 4px solid #222; border-top: 1px; background: rgba(0,0,0,0); border-radius: 0 0 120px 120px / 0 0 90px 90px; position: absolute; bottom: 22px; left: 26px; box-shadow: 1px 2px 0 rgba(255,255,255, 0.8); } div.corner { width: 2px; height: 8px; background: #222; border-radius: 100px/160px; border-radius: 100px 160px; position: absolute; top: -3px; transform: rotate(65deg); left: -6px; } div.corner.right { left: 47px; transform: rotate(-65deg); } @media (max-width: 992px) { .facegrid-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .facegrid-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 992px) { .facegrid-container { grid-template-columns: repeat(2, 1fr); } } /* faqmenu */ div.faqmenu input:checked + .faqmenu-overskrift { background: rgba(235,32,38,1); } div.faqmenu input:checked + .faqmenu-overskrift::after { transform: rotate(90deg); } div.faqmenu input:checked ~ .faqmenu-indhold { max-height: 100vh; padding: 17px; } .faqmenu-overskrift { display: flex; justify-content: space-between; box-pack: justify; padding: 10px; background: rgba(18,32,74,.8); font-weight: normal; cursor: pointer; font-size: 110%; color:white!important; } div.faqmenu input { position: absolute; opacity: 0; z-index: -1; } .faqmenu-omkring { overflow: hidden; border-radius: 7px; padding:5px; width: 100%; margin-bottom:30px; } .faqmenu { width: 100%; color: white; overflow: hidden; margin-bottom: 1px; border-radius:2px 2px 12px 2px; } .faqmenu:last-child{ margin-bottom: 0; } .faqmenu-overskrift:hover { background: rgba(14,28,70,1); } .faqmenu-overskrift::after { content: "\276F"; width: 35px; height: 17px; transition: all 0.35s; text-align: center; } .faqmenu-indhold { background: white; max-height: 0; padding: 0 15px; transition: all 0.25s; } .faqmenu-indhold.menu, .faqmenu-indhold p{ color: rgba(68,68,102,.7); font-size: 100%; margin: 0; } .faq-menu-ydre { display:grid;grid-template-columns:50% 50% } /* MIT License end */ /* @Media ------------------------------------------------------------------------------------------ */ /* 768 ---------------------------------------------------------------*/ @media screen and (max-width: 768px) { div.kontakttop { display:none!important; } .tlftop { position:absolute; padding:5px;left:16px; top:80px; background:#12204A; color:#FFDD00; display:inline; font-size:100%;z-index:499;width:90%;margin:auto; } .teaser { margin: 12px 0% 25px 0px!important; padding:3px 6px 3px 3px; } ul#top-menu { position:relative;left:-53px!important;z-index:1000!important;top:-10px; width:150px; } ul#top-menu.menu {opacity:0.96!important; border-radius:6px 6px 15px 6px; width:250px!important; } ul#top-menu.menu li {width:235px!important;} ul#top-menu.menu li a { transition-property:none;left:-30px!important;width:235px!important; padding-left:5px!important; } ul#top-menu.menu li a:hover {background-color:#12204a!important;color:white!important;} button.dropdown-toggle { display:none; } div.kursusoversigt > a { flex: 0 0 calc(100% - 10px)!important; filter: brightness(1); height:400px!important; } h2.h2small,.h2small, div h2.h2small {font-size:100%!important;} .efterkursus3 { display:none; } .oversigt4 {display:none;} .nfvandret { display:none; } .nflodret { display:none; } .bundkasse { padding-top:20px;color:white!important; width:50%!important;height:350px; text-align:left;margin:1px;border:none!important; font-size:1.0vw;line-height:110%;left:1px; } .f1,.f2 {left:1px;float:none;width:100%} .visitkort { width:100% } .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { text-transform:none!important; font-size:21px!important; line-height:29px; margin-top:40px!important; padding:40px 0px 10px 0px!important; } } /*768 slut */ /* 1825 --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- ------------------------------------------------------*/ @media screen and (min-width: 1825px) { .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { color:darkblue!important; } .ninja-felt, .ninja-felt-2, .ninja-felt-3, .ninja-felt-4, .ninja-felt-5 { font-size:110%!important; } .zwrapper > * {font-size:200%!important;} article.x { display:none; } .breadcrumb, body:not(.twentyseventeen-front-page) .breadcrumb_last { font-size:100%!important; } aside#secondary { width:700px!important; } div.mfgrid div.mf p, div.mfgrid div.mf h2 { font-size:100%!important; } aside#secondary > * {font-size:150%!important;} body {font-size:220%!important;} h2, h2.side {font-size:130%!important;margin:40px 0px 20px 0px!important;padding:40px 0px 20px 0px!important;} .efterkursus3 div { height:300px!important; } ul#top-menu.menu { width:1500px; } div.kontakttop { font-size:150%!important; line-height:155%!important; } div .widget_ninja_forms_widget > * { font-size:150%!important; } p.disclaimerfooter { margin-top:150px!important; } } /* 992 ---------------------------------------------------------------*/ @media screen and (max-width: 992px) { .bundkasse { padding-top:20px;color:white!important; width:48%!important;height:350px; text-align:left;margin:3px;border:none!important; font-size:1.0vw;line-height:110%; } div.kursusoversigt > a { flex: 0 0 calc(49% - 20px)!important; filter: brightness(1); } h2.h2small,.h2small, div h2.h2small {font-size:100%!important;} .frontpagecontainer, .fpc2, .xbox { display: grid; grid-gap:1px; grid-template-columns: 1fr 1fr; grid-template-areas: 'nr2 nr2' 'nr1 nr1' 'nr3 nr3' 'nr4 nr4' 'nr5 nr5' 'nr6 nr7' 'nr8 nr9' 'nr10 nr10' 'nr11 nr11' 'nr12 nr12' 'nr13 nr13' 'nr14 nr14' ; } .R15 {display:none;} div.mfgrid {display:none;} .R6,.R7,.R8,.R9 {display:none;} button.menu-toggle { color:yellow!important; color: #224192!important; left: 2px!important; text-align: left!important; margin-left: -50px!important; padding: 2px; } .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { text-transform:none!important; font-size:33px!important; margin-top:40px!important; } .oversigt4 {display:none!important;} .outerframe { width:95%;float:none!important;} aside#secondary, div.k {width:100%!important;padding:2px 8px 2px 8px!important;} div.mfgrid {display:none!important; } .item1, .item2 { grid-column: 1 / 3;} /* før 1000 */ div.kursusgrid {grid-template-columns:33.33% 33.33% 33.33% !important;} /* før 1000 */ } /* 992 slut -------------------------------------------- */ @media screen and (max-width: 952px) { div.kontakttop { position:absolute; width:300px; right:10px; top:90px!important; z-index:1; padding:2px; background:#12204A!important } } @media screen and (max-width: 650px) { div.kursusgrid {grid-template-columns:50% 50%!important;} } @media screen and (min-width: 30em) { .page-one-column .panel-content .wrap { max-width: 90%; } }