/* Theme Name: Genesis Sample Theme URI: https://demo.studiopress.com/ Description: This is the sample theme created for the Genesis Framework. Author: StudioPress Author URI: https://www.studiopress.com/ Version: 3.1.13 Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks Template: genesis License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: genesis-sample */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Container - Site Inner - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Simple FAQ - WPForms - Skip Links - Site Header - Title Area - Site Navigation - Responsive Menu - Header Menu - Footer Menu - Content Area - Entry Content - Entry Meta - Pagination - Entry Comments - Sidebar - Footer Widgets - Site Footer - Media Queries - Min-width: 960px - Site Header - Genesis Menu - Responsive Menu - Header Menu - Site Inner - Content - Sidebar - Author Box - After Entry - Column Classes - Entry Misc. - Footer Widgets - Print Styles */ /* HTML5 Reset ---------------------------------------------------------------------------- */ /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ---------------------------------------------------------------------------- */ /* stylelint-disable */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* stylelint-enable */ /* Box Sizing --------------------------------------------- */ html { box-sizing: border-box;} *, *::before, *::after { box-sizing: inherit;} /* Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before { content: " "; display: table;} .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { clear: both; content: " "; display: table;} /* Defaults ---------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} body { background-color: #fff; color: #333; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.625; margin: 0; overflow-x: hidden;} button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { transition: all 0.2s ease-in-out;} a { color: inherit; text-decoration: none; /*transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;*/} a:focus, a:hover { color: inherit; text-decoration: none; border-bottom: solid 3px #00A166;} #responsive-menu-pro-container #responsive-menu-pro-title a:hover, #responsive-menu-pro-container #responsive-menu-pro-title a:focus, .a2a_default_style a:hover, .a2a_default_style a:focus {border:none;} p { margin: 0 0 30px; padding: 0;} ol, ul { margin: 0; padding: 0;} li { list-style-type: none;} hr { border: none; border-collapse: collapse; border-top: 1px solid #eee; clear: both; margin: 30px 0;} b, strong { font-weight: 700;} blockquote, cite, em, i { font-style: italic;} mark { background: #ddd; color: #333;} blockquote { margin: 30px;} /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 20px;} h1 { font-size: 30px;} h2 { font-size: 27px;} h3 { font-size: 24px;} h4 { font-size: 20px;} .entry-content h3, .entry-content h4 { font-weight: 600;} .entry-content h4 { margin-top: 40px;} h5 { font-size: 18px;} h6 { font-size: 16px;} /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%;} img { height: auto; vertical-align: top;} figure { margin: 0;} /* Gallery --------------------------------------------- */ .gallery { overflow: hidden;} .gallery img { border: 1px solid #eee; height: auto; padding: 4px;} .gallery img:focus, .gallery img:hover { border: 1px solid #999; outline: none;} .gallery-columns-1 .gallery-item { width: 100%;} .gallery-columns-2 .gallery-item { width: 50%;} .gallery-columns-3 .gallery-item { width: 33%;} .gallery-columns-4 .gallery-item { width: 25%;} .gallery-columns-5 .gallery-item { width: 20%;} .gallery-columns-6 .gallery-item { width: 16.6666%;} .gallery-columns-7 .gallery-item { width: 14.2857%;} .gallery-columns-8 .gallery-item { width: 12.5%;} .gallery-columns-9 .gallery-item { width: 11.1111%;} .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left;} .gallery-item { float: left; margin: 0 0 30px; text-align: center;} /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 400; padding: 15px; width: 100%;} input:focus, textarea:focus { border: 1px solid #999; outline: none;} input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto;} ::-ms-input-placeholder { color: #333; opacity: 1;} :-ms-input-placeholder { color: #333; opacity: 1;} ::placeholder { color: #333; opacity: 1;} button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button { background-color: #333; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 15px 30px; text-align: center; text-decoration: none; white-space: normal; width: auto;} button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover { background-color: #0073e5; border-width: 0; color: #fff;} .entry-content .button:focus, .entry-content .button:hover { color: #fff;} .button { display: inline-block;} .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none;} /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; table-layout: fixed; width: 100%; word-break: break-all;} tbody { border-bottom: 1px solid #eee;} td, th { text-align: left; vertical-align: top;} td { border-top: 1px solid #eee; padding: 10px;} th { font-weight: 600; padding: 0 10px 10px;} td:first-child, th:first-child { padding-left: 0;} td:last-child, th:last-child { padding-right: 0;} /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;} .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: 700; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */} .more-link { display: inline-block; position: relative; margin-bottom: 30px;} /* Structure and Layout ---------------------------------------------------------------------------- */ /* Site Container --------------------------------------------- */ .site-container { animation: fadein 0s; word-wrap: break-word;} @keyframes fadein { from { opacity: 1; } to { opacity: 1; }} /* Site Inner --------------------------------------------- */ .site-inner { clear: both; margin: 0 auto; padding: 60px 30px 0;} /* Common Classes ---------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left;} .author-box .avatar, .alignleft .avatar { margin-right: 20px;} .alignright .avatar { margin-left: 20px;} .comment .avatar { margin: 0 15px 20px 0;} /* Genesis --------------------------------------------- */ .after-entry, .archive-description, .author-box { margin-bottom: 40px;} .after-entry { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 20px 30px;} .after-entry .widget:last-of-type { margin-bottom: 0;} .breadcrumb { border-bottom: 1px solid #eee; font-size: 16px; margin-bottom: 40px; padding-bottom: 10px;} .genesis-title-hidden .breadcrumb { margin-top: 40px;} .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0;} /* Search Form --------------------------------------------- */ .search-form { overflow: hidden;} .entry-content .search-form { margin-bottom: 40px; width: 50%;} .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; margin-left: 40px;} .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px;} /* Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 20px; font-weight: 600; margin-bottom: 10px;} .entry-title { font-size: 30px; margin-bottom: 10px;} .entry-title a, .sidebar .widget-title a { color: #333; text-decoration: none;} .entry-title a:focus, .entry-title a:hover { color: #0073e5;} .widget-title { font-size: 18px; font-weight: 600; margin-bottom: 20px;} .genesis-title-hidden .site-inner { padding-top: 0;} /* WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto;} a.alignnone { display: inline-block;} .alignleft { float: left; text-align: left;} .alignright { float: right; text-align: right;} a.alignleft, a.alignnone, a.alignright { max-width: 100%;} img.centered, .aligncenter, .singular-image { display: block; margin: 0 auto 30px;} img.alignnone, .alignnone { margin-bottom: 15px;} a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0;} a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px;} .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 600; margin: 0; text-align: center;} .entry-content p.wp-caption-text { margin-bottom: 0;} .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px;} /* Widgets ---------------------------------------------------------------------------- */ .widget { margin-bottom: 40px;} .widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0;} .widget ul > li { margin-bottom: 10px;} .widget ul > li:last-of-type { padding-bottom: 0;} .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px;} .widget li li { border: 0; margin: 0 0 0 30px; padding: 0;} .widget_calendar table { width: 100%;} .widget_calendar td, .widget_calendar th { text-align: center;} /* Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 1px solid #eee; margin-bottom: 20px;} .featured-content .entry:last-of-type { border-bottom: none; margin-bottom: 0;} .featured-content .entry-title { font-size: 16px; margin-bottom: 5px; margin-top: 10px;} /* Plugins ---------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .after-entry .enews { text-align: center; padding: 10px;} .sidebar .enews { background-color: #f5f5f5; padding: 30px;} .enews-widget input { font-size: 16px; margin-bottom: 10px;} .after-entry .enews-widget input { text-align: center;} .enews-widget input[type="submit"] { margin: 0; width: 100%;} .enews form + p { margin-top: 20px;} /* Genesis Simple FAQ --------------------------------------------- */ .gs-faq__question { background: transparent; border-bottom: 1px solid #eee; color: #333; padding-left: 0; padding-right: 0;} .gs-faq__question:focus, .gs-faq__question:hover { background: transparent; color: #0073e5;} .gs-faq__question::after { content: "\f132"; font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */ float: right;} .gs-faq__question.gs-faq--expanded::after { content: "\f460";} /* WP Forms --------------------------------------------- */ .entry-content .wpforms-container { margin-bottom: 40px;} .entry-content .wpforms-form .wpforms-field { clear: both; margin: 20px 0; overflow: hidden;} .site-container .wpforms-container .wpforms-form .wpforms-field input { border-radius: 0; height: auto; padding: 15px;} .site-container .entry-content .wpforms-form .wpforms-field-label { font-weight: 600;} .site-container .entry-content .wpforms-form .wpforms-field-sublabel { font-size: 14px; font-weight: 300;} .entry-content .wpforms-form .wpforms-field-hp { display: none !important; left: -9000px !important; position: absolute !important;} .site-container .entry-content .wpforms-form textarea { padding: 15px;} .site-container .entry-content .wpforms-form textarea.wpforms-field-small { height: 120px;} .site-container .entry-content .wpforms-form textarea.wpforms-field-medium { height: 200px;} .site-container .entry-content .wpforms-form textarea.wpforms-field-large { height: 300px;} /* Skip Links ---------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0;} .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden;} .genesis-skip-link li { height: 0; list-style: none; width: 0;} /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px;} /* Site Header ---------------------------------------------------------------------------- */ .site-header { background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 0 30px;} /* Title Area --------------------------------------------- */ .title-area { float: left; padding-bottom: 25px; padding-top: 25px;} .wp-custom-logo .title-area { max-width: 350px; padding-bottom: 5px; padding-top: 5px; width: 100%;} .wp-custom-logo .title-area img { width: auto;} .site-title { font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 0;} .site-title a, .site-title a:focus, .site-title a:hover { color: #333; text-decoration: none;} .site-description, .wp-custom-logo .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;} /* Site Navigation ---------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; line-height: 1; width: 100%;} .genesis-nav-menu .menu-item { display: block; float: none; position: relative;} .genesis-nav-menu a { color: #333; display: block; font-size: 15px; font-weight: 400; outline-offset: -1px; padding-bottom: 12px; padding-top: 12px; text-decoration: none;} .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #0073e5; text-decoration: none;} .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 100%;} .genesis-nav-menu .sub-menu { clear: both; display: none; left: -9999px; margin: 0; opacity: 1; padding-left: 15px; position: static; z-index: 99;} .genesis-nav-menu .sub-menu a { background-color: #fff; font-size: 14px; position: relative; word-wrap: break-word;} .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative;} .genesis-nav-menu .menu-item:hover > .sub-menu { display: block; left: auto; opacity: 1;} /* Responsive Menu --------------------------------------------- */ .menu .menu-item:focus { position: static;} .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1;} .genesis-responsive-menu { display: none; position: relative;} .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu { display: none;} .menu-toggle, .sub-menu-toggle { background-color: transparent; border-width: 0; color: #333; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible;} .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { background-color: transparent; border-width: 0; color: #0073e5;} .menu-toggle { float: right; line-height: 20px; margin-bottom: 10px; margin-top: 10px; padding: 15px 0; position: relative; z-index: 1000;} .menu-toggle.activated::before { content: "\f335";} .site-header .menu-toggle::before { float: left; margin-right: 5px; position: relative; text-rendering: auto; top: 1px;} .sub-menu-toggle { float: right; padding: 9px 10px; position: absolute; right: 0; top: 0; z-index: 100;} .sub-menu .sub-menu-toggle { padding: 12px 10px;} .sub-menu-toggle::before { display: inline-block; text-rendering: auto; transform: rotate(0); transition: transform 0.25s ease-in-out;} .sub-menu-toggle.activated::before { transform: rotate(180deg);} /* Header Menu --------------------------------------------- */ .nav-primary { clear: left; padding-bottom: 15px; padding-top: 15px; width: 100%;} /* Footer Menu --------------------------------------------- */ .nav-secondary { margin-top: 10px;} .nav-secondary .genesis-nav-menu { line-height: 1.5;} .nav-secondary .menu-item { display: inline-block;} .nav-secondary a { margin-left: 10px; margin-right: 10px; padding: 0;} /* Content Area ---------------------------------------------------------------------------- */ /* Entry Content --------------------------------------------- */ .entry { margin-bottom: 40px;} .entry-content ol, .entry-content ul { margin-bottom: 30px; padding-left: 40px;} .entry-content ol > li { list-style-type: decimal;} .entry-content ul > li { list-style-type: disc;} .entry-content ol ul > li, .entry-content ul ul > li { list-style-type: circle;} .entry-content ol ol, .entry-content ul ul { margin-bottom: 0;} .entry-content code { background-color: #f5f5f5;} .content .sticky { background-color: #f5f5f5; padding: 30px;} /* Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; margin-bottom: 0;} .entry-header .entry-meta { margin-bottom: 20px;} .entry-footer .entry-meta { border-top: 1px solid #eee; padding-top: 20px;} .entry-categories, .entry-tags { display: block;} .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px;} /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 60px 0;} .adjacent-entry-pagination { margin-bottom: 0;} .archive-pagination li { display: inline;} .archive-pagination li a { background-color: #f5f5f5; color: #333; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 4px; padding: 8px 12px; text-decoration: none;} .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #333; color: #fff;} /* Entry Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px;} .comment-list li { padding: 40px 0 0 30px;} .comment-list .depth-1 { padding-left: 0;} .comment-header { margin-bottom: 30px;} .comment-content { clear: both;} .comment-content ul > li { list-style-type: disc;} .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%;} .comment-respond label { display: block; margin-right: 12px;} .comment-header p { margin-bottom: 0;} .entry-pings .reply { display: none;} .comment-form-cookies-consent label { display: inline; padding-left: 10px;} /* Sidebar ---------------------------------------------------------------------------- */ .sidebar { font-size: 16px; line-height: 1.5;} .sidebar .widget { margin-bottom: 40px;} .sidebar p { margin-bottom: 20px;} /* Footer Widgets ---------------------------------------------------------------------------- */ .footer-widgets { border-top: 1px solid #eee; background-color: #fff; clear: both; padding: 60px 0;} .footer-widgets .wrap { margin-left: auto; margin-right: auto;} .footer-widget-area { margin-bottom: 40px; padding-left: 30px; padding-right: 30px;} .footer-widget-area:last-child, .footer-widgets .widget:last-child { margin-bottom: 0;} /* Site Footer ---------------------------------------------------------------------------- */ .site-footer { background-color: #fff; border-top: 1px solid #eee; font-size: 15px; line-height: 1.5; padding: 30px; text-align: center;} .site-footer p { margin-bottom: 0;} /* Media Queries ---------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) { table { table-layout: auto; word-break: normal; }} /* Site Header --------------------------------------------- */ .site-header { position: -webkit-sticky; position: sticky; top: 0; z-index: 9999; } /* Genesis Menu --------------------------------------------- */ .genesis-nav-menu .menu-item { display: inline-block; } .genesis-nav-menu .menu-item:focus,.genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu > .menu-bold > a { font-weight: 700; } .genesis-nav-menu > .menu-highlight > a { background-color: #333; border-radius: 3px; color: #fff; font-weight: 600; margin-left: 15px; padding-left: 20px; padding-right: 20px; } .genesis-nav-menu > .menu-highlight > a:focus,.genesis-nav-menu > .menu-highlight > a:hover { background-color: #0073e5; } .genesis-nav-menu .sub-menu,.genesis-nav-menu .sub-menu a { width: 180px; } .genesis-nav-menu .sub-menu { border-top: 1px solid #eee; opacity: 0; padding-left: 0; position: absolute; transition: opacity 0.4s ease-in-out; } .genesis-nav-menu .sub-menu a { border: 1px solid #eee; border-top: 0; padding-bottom: 15px; padding-top: 15px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -46px 0 0 179px; } /* Responsive Menu --------------------------------------------- */ .genesis-responsive-menu { display: block; padding-top: 15px; } .menu-toggle,.sub-menu-toggle { display: none; visibility: hidden; } /* Header Menu --------------------------------------------- */ .nav-primary { clear: none; float: right; width: auto; } .nav-primary .genesis-nav-menu a { padding-left: 15px; padding-right: 15px; } /* Site-Inner --------------------------------------------- */ .site-inner { max-width: 1140px; } /* Content --------------------------------------------- */ .content { float: left; /*width: 65%;*/ } .sidebar-content .content { float: right; } .full-width-content .content { float: none; margin-left: auto; margin-right: auto; } /* Sidebar --------------------------------------------- */ .sidebar { float: right; width: 30%; } .sidebar-content .sidebar { float: left; } /* Author Box --------------------------------------------- */ .author-box { background-color: #f5f5f5; padding: 30px; } /* After Entry --------------------------------------------- */ .after-entry { padding: 40px 60px; } .after-entry .enews { padding-left: 30px; padding-right: 30px; } /* Column Classes --------------------------------------------- */ .five-sixths,.four-sixths,.one-fourth,.one-half,.one-sixth,.one-third,.three-fourths,.three-sixths,.two-fourths,.two-sixths,.two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half,.three-sixths,.two-fourths { width: 48.717948717948715%; } .one-third,.two-sixths { width: 31.623931623931625%; } .four-sixths,.two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Entry Misc. --------------------------------------------- */ .after-entry,.archive-description,.author-box,.comment-respond,.entry,.entry-comments,.entry-pings { margin-bottom: 60px; } /* Footer Widgets --------------------------------------------- */ .footer-widgets .wrap { max-width: 1140px; } .footer-widget-area { float: left; margin-bottom: 0; width: calc(100% / 3); } /* - - - -------------------------- CUSTOM CSS ---------------------------- - - - */ /* BODY */ body { background-color: #F2F6F8; color: #1E3250; font-size: 22px;} /* BODY SLUTT*/ /* HEADER */ .site-header { box-shadow: 0 0 0px rgba(0, 0, 0, 0); background-color: transparent; padding: 0px; background-color: rgba(242, 246, 248, 0.95); } .home .site-header, .page-id-0025 .site-header { background-color: rgba(30, 50, 80, 0.9);} .wp-custom-logo .title-area a.custom-logo-link { width: 300px; height: 96px; display: block;} .wp-custom-logo .title-area a.custom-logo-link:focus { border-bottom: none; } .wp-custom-logo .title-area { max-width: 300px; background-image: url(/wp-content/uploads/2019/11/cropped-logo@2x.png); height: 96px; background-size: contain; } .home.wp-custom-logo .title-area, .page-id-0025 .wp-custom-logo .title-area { max-width: 300px; background-image: url(/wp-content/uploads/2019/11/logo_hvit@2x.png); height: 96px; background-size: contain; } .wp-custom-logo .title-area img { display: none;} .title-area a:hover { border-bottom: none; } .nav-primary { clear: none; float: unset; margin-left: 28%; position: absolute; top: 8px; z-index: 99990;} .blimedknapp{ position: absolute; right: 9%; top: 24px; } .blimedknapp .widget { margin-bottom: 0px;} .blimedknapp a { border: 2px solid #00A166; border-radius: 45px; opacity: 1; padding: 7px 20px; margin-bottom: 0px; color:#1E3250; font-size: 16px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; } .home .blimedknapp a, .page-id-0025 .blimedknapp a { color:#fff; } .blimedknapp a:hover{ background-color: #00A166; color: #fff;} /* søkeboks */ .fa-search_icon { position: absolute; right: 3%; top: 30px; display: block;} .fa-search_icon, .fa-search_icon:hover { color: rgba(255, 255, 255, 0.75); height: 28px; width: 28px; cursor:pointer; background-image: url("/wp-content/uploads/2019/11/magnifying-glass@2x.png"); background-size: contain; } .home .fa-search_icon, .page-id-0025 .fa-search_icon{ background-image: url("/wp-content/uploads/2019/11/magnifying-glass@2x-1.png"); } .sok img { width: 28px !important; height: auto;} .search-bar { display: none; background-color: #fff; width: 100vw; z-index: 100; height: 200px; margin-top: 96px; position: absolute; margin-top: -50px; margin-top: unset; left: 0; top: 100px; } .home .search-bar { margin-top: 50px; margin-top: unset; } .search-bar .container { margin: 0px auto; width: 60%; padding-top: 50px; } input.search-form-input { background-color: #fff; border: none; border-bottom: 2px solid #1E3250; color: #1E3250; font-size: 22px; font-weight: 400; padding: 15px; width: 90%; } input[type="submit"] { background: #1E3250; border: 2px solid #1E3250; border-radius: 45px; padding: 10px 30px; opacity: 1; color: #fff; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; margin-bottom: 50px; display: inline-block; text-transform: uppercase; } input[type="submit"]:hover { background: #fff; color: #1E3250; border: 2px solid #1E3250; } .fa-search_icon, .fa-search_icon:hover { color: rgba(255, 255, 255, 0.75); cursor:pointer; } .fa-search_icon img{ display: inline !important; } /* HEADER SLUTT */ /* FOOTER */ .site-footer { background-color: transparent; border-top: none;} .footer-widgets .wrap { max-width: 90%;} .footer-widgets { border-top: 0px solid #eee; background-color: #1E3250; clear: both; padding-top: 60px; padding-bottom: 0px; color:#fff;} .forfooter, .etterfooter { background-color: #1E3250; margin-bottom: 0px; margin-left: auto; margin-right: auto;} .forfooter::before { background-image: url('/wp-content/uploads/2019/11/Group-31.png'); content:''; height: 10px; background-size: cover; background-repeat: no-repeat; display: block; } .forfooter #nav_menu-4, .forfooter #media_image-2{ padding-top: 60px;} .forfooter #media_image-2, .etterfooter #text-4 { padding-left: 5%;} .forfooter .widget, .etterfooter .widget { width: 90%; margin: 0px auto;} .etterfooter { display: flex; padding-bottom: 60px;} #menu-bli-med-1, #media_image-2, #text-4, #media_image-3 { float: left;} #media_image-2 { width: 500px;} #menu-bli-med-1 { padding-top: 50px; padding-left: 150px;} #menu-bli-med-1 a { border: 2px solid #00A166; border-radius: 45px; opacity: 1; padding: 12px 30px; margin-bottom: 0px; color: rgb(255, 255, 255); font-size: 22px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase;} #menu-bli-med-1 a:hover { background-color: #00A166; color: #fff;} #text-2 a, #text-3 a, #nav_menu-3 a { font-size: 16px; border-bottom: solid 2px #00A166; color: #fff; text-decoration: none;} #text-3 a, #nav_menu-3 a { font-size: 22px;} #text-2 a:hover, #text-3 a:hover, #nav_menu-3 a:hover { border-bottom: solid 3px #00A166;} .footer-widgets h3 { font-size: 30px; letter-spacing: 0.5; font-weight: 500;} .footer-widget-area { width: calc(100% / 2);} #text-4 img { width: 34px;} #text-4 a:focus, #text-4 a:hover{ border-bottom: none; } #media_image-3 img { width: 60%; float: right;} .footer-widget-area { margin-bottom: 40px; padding-left: 0px; padding-right: 30px;} .site-footer {display: none;} /* FOOTER SLUTT */ /* HAMBURGER MENYEN */ button#responsive-menu-pro-button.nav-up { display: none; } #responsive-menu-pro { position: absolute; left: 20%; top: 20%;} .hoved a { font-size: 46px !important; line-height: 92px !important; font-weight: 300; text-align: left; display: inline !important; padding: 0 !important;} :focus { color:inherit; outline: #ccc solid 0px;} #responsive-menu-pro-additional-content { text-align: left; position: absolute; right: 20%; top: 30%;} #menu-sekundaermeny a { font-size: 30px; line-height: 50px; font-weight: 400; text-align: left; color: #fff; text-decoration: none;} #menu-sekundaermeny { margin-bottom: 30px !important;} #responsive-menu-pro-additional-content a { text-decoration: none; color: #fff;} #responsive-menu-pro a:hover, #responsive-menu-pro-additional-content a:hover { border-bottom: solid 3px #fff !important;} .responsive-menu-pro-box { width: 40px; height: auto !important; } .responsive-menu-pro-button-icon-inactive { width: 30px;} #responsive-menu-pro-container #responsive-menu-pro-title { padding: 0px 30px !important;} .home .responsive-menu-pro-inner, .home .responsive-menu-pro-inner::before, .home .responsive-menu-pro-inner::after, .page-id-0025 .responsive-menu-pro-inner, .page-id-0025 .responsive-menu-pro-inner::before, .page-id-0025 .responsive-menu-pro-inner::after{ background-color: rgb(255, 255, 255) !important; } .home button#responsive-menu-pro-button:hover .responsive-menu-pro-inner, .home button#responsive-menu-pro-button:hover .responsive-menu-pro-inner::before,.home button#responsive-menu-pro-button:hover .responsive-menu-pro-inner::after,.home button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner,.home button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner::before,.home button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner::after,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-inner,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-inner::before,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-inner::after,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner::before,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner::after, .page-id-0025 button#responsive-menu-pro-button:hover .responsive-menu-pro-inner, .page-id-0025 button#responsive-menu-pro-button:hover .responsive-menu-pro-inner::before,.page-id-0025 button#responsive-menu-pro-button:hover .responsive-menu-pro-inner::after,.page-id-0025 button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner,.page-id-0025 button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner::before,.page-id-0025 button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner::after,.home button#responsive-menu-pro-button:focus .responsive-menu-pro-inner,.page-id-0025 button#responsive-menu-pro-button:focus .responsive-menu-pro-inner::before,.page-id-0025 button#responsive-menu-pro-button:focus .responsive-menu-pro-inner::after,.page-id-0025 button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner,.page-id-0025 button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner::before,.page-id-0025 button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner::after { background-color: rgba(0, 161, 102, 1) !important;} /* HAMBURGER MENY SLUTT */ /* TOPPMENYEN */ #menu-toppmeny.genesis-nav-menu a { border-bottom: solid 2px #00A166; text-decoration: none; font-size: 20px; font-weight: 300; padding-bottom: 5px; color:#1E3250; padding-left: 0px; padding-right: 0px; } .page-id-0025 #menu-toppmeny.genesis-nav-menu a { color:#fff; } #menu-toppmeny.genesis-nav-menu a:hover, #menu-toppmeny.genesis-nav-menu a:active, #menu-toppmeny.genesis-nav-menu .current_page_item a { border-bottom: solid 3px #00A166; } #menu-toppmeny.genesis-nav-menu .menu-item { margin-left: 15px; margin-right: 15px;} .home .nav-primary {display: none;} /* TOPPMENYEN SLUTT*/ /* Innlegg */ .site-inner { padding: 60px 15px 0; margin-left: 28%; margin-right: 16%;} #tmppost { margin-bottom: 100px;} .col.topp { display: inline-block;} .topp .tittel, .publisert, .topp .ingress, .topp .breadcrumb, .sidebygger .avsnitt { width: 950px; margin-bottom: 40px;} .sidebygger .avsnitt.luft { margin-bottom: 0px; margin-top: 30px;} .sidebygger .avsnitt.knapp_bla { margin-bottom: 0px; margin-top: 0px; } .sidebygger .avsnitt.uten { margin: 0px; border: solid 2px #1E3250; padding: 35px 100px; } .sidebygger .avsnitt.uten p{ margin: 0px; } .breadcrumb { font-size: 14px; border: none;} .breadcrumb a { color: #1E3250; text-decoration: none;} .breadcrumb a:hover { color: #1E3250; border-bottom: solid 2px #00A166; padding-bottom: 1px;} .breadcrumb_sep { padding-left: 5px; padding-right: 5px; color: #1E3250;} .topp .tittel h1 { font-size: 72px; line-height: 86px; color: #1E3250; } .topp .ingress h2 { font-size: 36px; line-height: 50px; font-weight: 300;} .publisert { font-size: 16px; font-weight: 300; } .topp .some img { width: 34px; height: auto; float: left; margin-right: 10px;} /* hovedelement bilde / video */ .hovedelement{ margin: 0px auto; margin-top: -40px; margin-bottom: 60px; margin-left: -25%; } .hovedelement .hoved_video { width: 1600px; display: inline-block; height: 65%; position: relative; } .hovedelement .hoved_bildet { width: 1600px; display: inline-block; /*height: 65%;*/ position: relative; } .hovedelement .hoved_bildet .fremhevetbildet { object-fit: cover; height: auto; width: 100vw; /*max-height: 65vh;*/ } /* heldekkende hovedbilde */ .hovedbildet .fremhevetbildet { object-fit: cover; width: 100vw; height: auto; max-height: 750px; } .hovedbildet .barekraftikon { position: absolute; right: 140px; top: -80px; width: 200px; z-index: 99; } .hovedbildet { width: 100vw; position: relative; margin-left: -29vw; margin-top: 110px; } /* single bærekraftsmål */ #slogan{ margin-top: 150px; padding: 130px 180px; text-align: center; margin-left: -50px; } /* sidebygger */ .sidebygger { clear: both; margin-top: 100px;} .sidebygger a, .ingress a { text-decoration: none; color: inherit; border-bottom: solid 2px #00A166;} .sidebygger a:hover, .ingress a:hover { border-bottom: solid 3px #00A166;} .sidebygger .tekst-avsnitt h2, .sidebygger .tekst-avsnitt2 h2 { margin-bottom: 2px; font-weight: 700; font-size: 22px;} .sidebygger .accordian li:before { background: #00AF66 0% 0% no-repeat padding-box; content: ' '; height: 9px; display: block; width: 9px; float: left; margin-top: 13px; margin-left: -20px;} blockquote { margin-left: 0px;} .sidebygger .avsnitt { margin-top: 50px; margin-bottom: 50px; display: inline-block;} .sidebygger .avsnitt.variant { margin-top: 0px; margin-bottom: 50px; } .home .sidebygger .avsnitt { margin-top: 50px; margin-bottom: 50px; display: inline-block; width: 100%;} .sidebygger .tekst-avsnitt2 { width: 50%; float: left; } .sidebygger .tekst-avsnitt2:first-child { padding-right: 35px;} .sidebygger .tekst-avsnitt2:last-child { padding-left: 35px;} .home .sidebygger .tekst-avsnitt2:first-child { padding-right: 180px;} .home .sidebygger .tekst-avsnitt2:last-child { padding-left: 180px;} .tekst-avsnitt2 blockquote::before { height: 33px; background-image: url('/wp-content/uploads/2019/11/quote@2x.png'); background-size: contain; background-repeat: no-repeat; display: block; content:''; margin-bottom: 10px; } .tekst-avsnitt blockquote::before { height: 60px; background-image: url('/wp-content/uploads/2019/11/quote@2x.png'); background-size: contain; background-repeat: no-repeat; display: block; content:''; margin-bottom: 20px;} .tekst-avsnitt ul li::before, .tekst-avsnitt2 ul li::before { background: #00AF66 0% 0% no-repeat padding-box; content: ' '; height: 9px; display: block; width: 9px; float: left; margin-top: 13px; margin-right: 10px;} .tekst-avsnitt li ul li::before, .tekst-avsnitt2 li ul li::before { background: transparent 0% 0% no-repeat padding-box; border: solid 2px #00A166; content: ' '; height: 10px; display: block; width: 10px; float: left; margin-top: 13px; margin-right: 10px;} .tekst-avsnitt ul, .tekst-avsnitt2 ul{ margin-bottom: 25px; } .tekst-avsnitt ol, .tekst-avsnitt2 ol{ margin-bottom: 25px; padding-left: 25px; } .tekst-avsnitt ul ul, .tekst-avsnitt2 ul ul{ margin-bottom: 0px; margin-left: 20px; } .tekst-avsnitt ol ol, .tekst-avsnitt2 ol ol{ margin-bottom: 0px; } .tekst-avsnitt ol li, .tekst-avsnitt2 ol li{ list-style-type: decimal; } .tekst-avsnitt ol ol li, .tekst-avsnitt2 ol ol li{ list-style-type: lower-alpha; } .sidebygger .avsnitt .bilde { margin-left: -90px; margin-right: -90px; font-size: 15px; line-height: 19px; } .sidebygger .avsnitt .bilde img { min-width: 1130px;} .home .sidebygger .avsnitt .bilde { text-align: center; } .home .sidebygger .avsnitt .bilde img { min-width: unset;} .sidebygger .avsnitt .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} .home .embed-container iframe, .home .embed-container object, .home .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #tmppost .embed-container iframe,#tmppost .embed-container object,#tmppost .embed-container embed { position: absolute; top: 0px; left: 0%; width: 100%; height: 100%;} .sidebygger .avsnitt.uthevettekst { width: 1100px;} .sidebygger .avsnitt.uthevettekst .gronn { font-size: 80px; line-height: 96px; font-weight: 900; color: #00A166;} .sidebygger .avsnitt.uthevettekst .bla { font-size: 48px; line-height: 58px; font-weight: 400; color: #1E3250; margin-top: 35px;} /*.sidebygger .avsnitt.uthevettekst.losningsplattform2 .bla { text-align: center; } */ .sidebygger .avsnitt.uthevettekst.variant .bla { margin-top: 0px;} .sidebygger .avsnitt.uthevettekst.boks{ border: solid 2px #1E3250; padding: 35px 100px; } /* .sidebygger .avsnitt.boks .blaknapp a { background: #fff; border: 2px solid #fff; color: #1E3250; } .sidebygger .avsnitt.boks .blaknapp a:hover { background: #1E3250; border: 2px solid #fff; color: #fff; }*/ .sidebygger .avsnitt.uthevettekst .pil { text-align: center; margin-top: 100px;} .sidebygger .avsnitt.uthevettekst .pil img { width: 95px; height: auto; } .sidebygger .avsnitt .blaknapp a, .arrangement_meta .blaknapp a { background: #1E3250; border: 2px solid #1E3250; border-radius: 45px; padding: 10px 30px; opacity: 1; color: #fff; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; margin-bottom: 50px; display: inline-block; text-transform: uppercase; text-decoration: none; } .sidebygger .avsnitt.uthevettekst .blaknapp a { margin-top: 50px;} .sidebygger .avsnitt .blaknapp-outline a { border: 2px solid #1E3250; border-radius: 45px; padding: 10px 30px; opacity: 1; color: #1E3250; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; margin-bottom: 50px; display: inline-block; text-transform: uppercase; text-decoration: none;} .sidebygger .avsnitt .gronnknapp a, #pamelding .gronnknapp a { background: #00A166; border: 2px solid #00A166; border-radius: 45px; padding: 10px 30px; opacity: 1; color: #fff; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; margin-bottom: 50px; display: inline-block; text-transform: uppercase; text-decoration: none;} .sidebygger .avsnitt .blaknapp-outline a:hover { background: #1E3250 ; border: 2px solid #1E3250; color: #fff;} .sidebygger .avsnitt .blaknapp a:hover , .arrangement_meta .blaknapp a:hover { background: transparent ; color: #1E3250; } .sidebygger .avsnitt .gronnknapp a:hover, #pamelding .gronnknapp a:hover { background: transparent ; color: #00A166; } .sidebygger .avsnitt.kontakt { background-color: #fff; padding: 60px;} .sidebygger .avsnitt.kontakt .navn { margin-top: 30px;} .sidebygger .avsnitt .snarvei { margin-bottom: 5px;} .sidebygger .avsnitt .snarvei img { width: 20px; border-bottom: none; margin-top: 5px; -webkit-transform:rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .sidebygger .img_link, .sidebygger .img_link:hover { border-bottom: 0px solid;} .sidebygger .avsnitt .linker { background-color: #fff; padding: 60px;} .sidebygger .avsnitt .linker a { line-height: 40px;} .sidebygger .avsnitt .punktliste { border: solid 2px #1E3250; padding: 60px; display: inline-block; width: 100%;} .sidebygger .avsnitt .program { border: solid 2px #1E3250; padding: 60px; width: 1130px; margin-left: -90px; margin-right: -90px; display: inline-block;} .punktliste li::before { background: #00AF66 0% 0% no-repeat padding-box; content: ' '; height: 9px; display: block; width: 9px; float: left; margin-top: 13px; margin-right: 10px;} .sidebygger .kundehistorie { width: 1500px; background-color: #fff; margin-left: -25%; display: inline-block; position: relative; cursor: pointer; } .home .sidebygger .kundehistorie{margin-left: 0px;} .sidebygger .kundehistorie .hovedbilde { float: left; width: 66%;} .sidebygger .kundehistorie .hovedbilde img { object-fit: cover; width: auto; min-height: 650px; margin: 0 0px 0px 0; } .sidebygger .kundehistorie .tekst{ float: left; width: 34%; padding: 90px; min-height: 500px;} .sidebygger .kundehistorie .tekst p { font-size: 20px; font-weight: 700; line-height: 26px;} .sidebygger .kundehistorie .tekst h2, #slogan h2 { font-size: 48px; font-weight: 300; line-height: 60px; margin-top: 35px; margin-bottom: 35px;} .sidebygger .kundehistorie .tekst .ingress { font-size: 22px; font-weight: 400; line-height: 35px; margin-bottom: 25px;} .sidebygger .avsnitt .punktliste .blaknapp a { margin-bottom: 0px;} .accordian h2 { cursor:pointer; font-size: 48px; line-height: 80px; font-weight: 300; border-bottom: solid 2px #AECFE6; padding-bottom: 40px; padding-top: 40px; } .accordian .panel {display:none;} .accordian .fa { /*transition: all .25s ease;/*bilde skal hit*/ float: right; } .fa-plus:before { background-image: url('/wp-content/uploads/2019/11/add@2x.png'); content: ' ' !important; height: 40px; display: block; width: 40px; float: left; margin-top: 13px; margin-right: 10px; color: #00A166; background-position: center; background-size: contain; background-repeat: no-repeat;} .fa-plus.open:before { background-image: url('/wp-content/uploads/2019/11/add@2x-1.png'); content: ' ' !important; height: 40px; display: block; width: 40px; float: left; margin-top: 13px; margin-right: 10px; color: #00A166; background-position: center; background-size: contain; background-repeat: no-repeat;} .sidebygger .avsnitt .medlemmer {width: 1100px;} .sidebygger .avsnitt .medlemmer h2, .sidebygger .avsnitt.baerekraftsmal h2, .sidebygger .avsnitt.baerekraftsmal h2 { margin-bottom: 50px; font-size: 48px; line-height: 58px; font-weight: 300; } .sidebygger .avsnitt.baerekraftsmal h2 { margin-bottom: 10px; } .sidebygger .avsnitt .ramme_bedrift { float: left; padding: 50px 20px; margin-right: 10px; margin-top: 10px; border: solid 2px #AECFE6; width: 260px; height: 140px; } .sidebygger .avsnitt .ramme_bedrift p { margin: 0; font-size: 20px; line-height: 26px; font-weight: 700; text-align: center; vertical-align: middle;} .sidebygger .baerekraftsmal .editor_text { width: 700px; margin-bottom: 100px; font-size: 26px; line-height: 40px;} .sidebygger #tmppublikasjon, .tmppublikasjon{ width: 1364px; margin-left: -200px; } .sidebygger #tmppublikasjon .blaknapp-outline { text-align: center; margin-top: 40px; } .sidebygger #tmppublikasjon h2 { margin-bottom: 70px; text-align: center; } .sidebygger #tmppublikasjon .publikasjon, .tmppublikasjon .publikasjon { background-color: #fff; padding: 50px; padding-bottom: 20px; margin-bottom: 20px; display: inline-block; width: 100%; cursor: pointer; } .sidebygger #tmppublikasjon .publikasjon .innhold p, .tmppublikasjon .publikasjon .innhold p{ font-size: 18px; font-weight: 300; padding-bottom: 0px; } .sidebygger #tmppublikasjon .publikasjon .innhold a, .tmppublikasjon .publikasjon .innhold a, .tmppublikasjon .publikasjon .last_ned a { border-bottom: #00A166 solid 2px; color: #1E3250; text-decoration: none; } .sidebygger #tmppublikasjon .publikasjon .innhold a:hover, .tmppublikasjon .publikasjon .innhold a:hover, .tmppublikasjon .publikasjon .last_ned a:hover { border-bottom: #00A166 solid 3px; } .sidebygger #tmppublikasjon .publikasjon .innhold, .tmppublikasjon .publikasjon .innhold { float: left; width: 80%; } .sidebygger #tmppublikasjon .publikasjon .last_ned, .tmppublikasjon .publikasjon .last_ned { float: left; width: 20%; text-align: center; } /* sidebygger slutt */ /* forside */ .home .forside_tekst h1 { font-size: 72px; line-height: 86px; color: #fff;} .home .forside_tekst h2 { font-size: 22px; line-height: 37px; color:#fff; margin-bottom: 50px;} .forside_knapp a { color: #fff; background-color: transparent; border: solid 2px #00A166; border-radius: 45px; padding: 10px 20px; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none;} .forside_knapp a:hover { color: #fff; background-color: #00A166; border: solid 2px #00A166;} .forside_knapp { margin-bottom: 50px;} .top-header { width: 100vw; position: relative; margin-left: -50vw; padding-top: 210px; left: 50%; min-height: 70vh; background-color: #1E3250; margin-top: -60px;} .home .site-inner { margin-top: -160px !important; display: inline; display: contents;} .site-inner { margin-top: 96px; } .wrapper_full_forside { display: flex; min-height: 50vh;} .home .forside_col1, .home .forside_col2, .home .forside_col3 { float: left;} .home .forside_col1 { width: 28%; position: relative;} .home .forside_col2 { width: 56%; padding: 0px 15px 0; } .home .forside_col3 { width: 16%; position: relative;} .home .forside_col3 img { position: absolute; bottom: 50px; width: 150px; right: 25%;} .menu-forsidemeny-container { position: absolute; bottom: 50px; left: 50px;} .menu-forsidemeny-container a { color: #fff; font-size: 24px; line-height: 46px; text-decoration: none; border-bottom: solid 2px #00A166; padding-bottom: 1px; font-weight: 200;} .forside_bilde { height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .baerekraftsmal ul{ display: flex; flex-wrap: wrap;} .baerekraftsmal ul li img{ width: 160px; margin: 0 10px 10px 0;} .baerekraftsmal ul li a, .baerekraftsmal ul li a:hover{ border:none;} .menu-forsidemeny-container a:hover { border-bottom: solid 3px #00A166; } /* video bakgrunn */ * { box-sizing: border-box; } .video-background { background: transparent; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;} .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;} #vidtop-content { top: 0; color: #fff;} .vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; } .vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; } .vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; }} @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; }} @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; }} @media all and (max-width: 500px) { .vid-info .acronym { display: none; }} .mobil.video { display: none; position: relative; } /* video bakgrunn slutt*/ /* sidebygger forside */ .home .sidebygger { width: 100%; background-color: #F2F6F8; margin-top: 100px; } .home .sidebygger .row {width: 1500px; margin: 0px auto; } .home .sidebygger.forside .avsnitt { margin-top: 150px;} .home .sidebygger h2, .sidebygger h2, #pamelding h2 { margin-bottom: 16px; font-weight: 300; font-size: 48px; line-height: 58px;} .home .sidebygger .tekst-avsnitt2 a:after { content: ''; background-image: url('/wp-content/uploads/2019/11/right-arrow-2@2x.png'); padding-left: 10px; background-repeat: no-repeat;} .sidebygger .avsnitt.grafikk .element { width: 25%; float: left;} .sidebygger .grafikk .element { text-align: center;} .sidebygger .grafikk .element img { max-height: 100px; margin-bottom: 35px;} .sidebygger .grafikk .element .tall { font-size: 80px; line-height: 96px; font-weight: 700; color: #00A166;} /* 10 prinsipper */ .sidebygger .grafikk.tiprinsipper{ text-align: center; } .sidebygger .grafikk.tiprinsipper .element .forklaring{ font-weight: 700; } .sidebygger .tiprinsipper h2{ margin-bottom: 75px; text-align: center; } .sidebygger .grafikk.tiprinsipper .element img { max-height: 150px; margin-bottom: 35px; } .sidebygger .grafikk.tiprinsipper .ikon a{ border-bottom: none; text-decoration: none; } .tiprinsipper .blaknapp-outline { margin-top: 75px; display: inline-block; } /* 10 prinsipper slutt */ /* sidebygger forside slutt */ .search-results #genesis-sidebar-primary {display: none;} /* nyhetsbrevboks */ .nyhetsbrevboks{ background-color: #F2F6F8; padding-bottom: 100px; padding-top: 25px;} .nyhetsbrevboks .row { width: 1260px; margin: 0px auto; background-color: #fff; padding: 100px; } .nyhetsbrevboks h3 { font-size: 48px; line-height: 58px; font-weight: 300; margin-bottom: 5px;} .nyhetsbrevboks h4 { font-size: 36px; line-height: 43px; font-weight: 400; margin-bottom: 50px;} .nyhetsbrevboks input[type=email] { background-color: #fff; border: none; border-bottom: 2px solid #AECFE6; color: #1E3250; font-size: 22px; font-weight: 400; padding: 15px; width: 100%;} .nyhetsbrevboks label.samtykke { font-size: 14px; line-height: 20px; font-weight: 600; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Hide the browser's default checkbox */ .nyhetsbrevboks input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .nyhetsbrevboks .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: transparent; border: solid 2px #1E3250; } /* On mouse-over, add a grey background color */ .nyhetsbrevboks:hover input ~ .checkmark { background-color: transparent; } /* When the checkbox is checked, add a blue background */ .nyhetsbrevboks input:checked ~ .checkmark { background-color: #AECFE6; } /* Create the checkmark/indicator (hidden when not checked) */ .nyhetsbrevboks .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .nyhetsbrevboks input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .nyhetsbrevboks .checkmark:after { left: 5px; top: 2px; width: 5px; height: 10px; border: solid #1E3250; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nyhetsbrevboks input[type="submit"] { background: #00A166; border: 2px solid #00A166; border-radius: 45px; padding: 16px 30px; opacity: 1; color: #fff; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; display: inline-block; text-transform: uppercase;} .nyhetsbrevboks input[type="submit"]:hover { background: transparent; color: #00A166;} /* nyhetsbrevboks slutt*/ /* Aktuelt*/ .page-template-aktuelt .row_main{ display: grid; grid-template-columns: 100%; width: 1640px; margin-left: -28%; } .page-template-aktuelt .row_main .aktuelt{ display: grid; grid-template-columns: 50% 50%; background-color: #fff; } .page-template-aktuelt .row_main .aktuelt .hovedbilde img{ object-fit: cover; width: 100%; height: 550px; margin: 0 0px 0px 0; } .page-template-aktuelt .row_main .aktuelt .innhold{ padding : 100px 100px; position: relative; cursor: pointer; } .page-template-aktuelt .row_main .aktuelt .innhold .aktuelt_title, .page-template-aktuelt .row_second .aktuelt .innhold .aktuelt_title, .single-post .row_second .aktuelt .innhold .aktuelt_title, #tmpjournalen .row_second .aktuelt .innhold .aktuelt_title{ font-size: 30px; font-weight: 400; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #tmpjournalen .row_second .podkast .innhold .aktuelt_title{ font-size: 30px; font-weight: 400; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .page-template-aktuelt .row_main .aktuelt .innhold .publisert, .page-template-aktuelt .row_second .aktuelt .innhold .publisert, .single-post .row_second .aktuelt .innhold .publisert,#tmpjournalen .row_second .aktuelt .innhold .publisert{ font-size: 16px; font-weight: 300; margin-bottom: 30px; } .page-template-aktuelt .row_main .aktuelt .innhold p, .page-template-aktuelt .row_second .aktuelt .innhold p, .single-post .row_second .aktuelt .innhold p,#tmpjournalen .row_second .aktuelt .innhold p{ font-size: 18px; line-height: 30px; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .page-template-aktuelt .row_second, .single-post .row_second,#tmpjournalen .row_second { /*display:-ms-grid; -ms-grid-columns:2fr 1fr;*/ display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 31.6px; width: 1640px; margin-left: -28%; margin-top: 32px; } .page-template-aktuelt .row_second .aktuelt, .single-post .row_second .aktuelt, #tmpjournalen .row_second .aktuelt { background-color: #fff; max-width: 768px; position: relative; } .page-template-aktuelt .row_second .aktuelt .hovedbilde img, .single-post .row_second .aktuelt .hovedbilde img, #tmpjournalen .row_second .aktuelt .hovedbilde img{ object-fit: cover; width: 100%; height: 350px; height: expression( this.scrollHeight < 501 ? "500px" : "auto" ); } .page-template-aktuelt .row_second .aktuelt .innhold, .single-post .row_second .aktuelt .innhold, #tmpjournalen .row_second .aktuelt .innhold { padding : 50px 50px; /*position: relative;*/ height: 600px; cursor: pointer; } #tmpjournalen .row_second .aktuelt.podkast .innhold { height: 400px; cursor: auto; } #tmpjournalen .row_second .aktuelt.podkast .innhold p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical; } #tmpjournalen .row_second .aktuelt.podkast .innhold a { border-bottom: solid 2px #00A166; } #tmpjournalen .row_second .aktuelt.podkast .innhold a:hover { border-bottom: solid 3px #00A166; } .page-template-podkast #tmpjournalen { margin: unset; margin-left: unset; } .page-template-aktuelt .row_second .aktuelt .innhold a, .page-template-aktuelt .row_main .aktuelt .innhold a, .single-post .row_second .aktuelt .innhold a, #tmpjournalen .row_second .aktuelt .innhold a{ text-decoration: none; color: #1E3250; } .page-template-aktuelt .row_main .aktuelt ul, .page-template-aktuelt .row_second .aktuelt ul, .single-post .row_second .aktuelt ul, #tmpjournalen .row_second .aktuelt ul, .kundehistorie.avsnitt .aktuelt_category ul, #tmpArrangement .aktuelt_category ul { display: flex; flex-wrap: wrap; position: absolute; bottom: 35px; } .page-template-aktuelt .row_main .aktuelt ul li img, .page-template-aktuelt .row_second .aktuelt ul li img, .single-post .row_second .aktuelt ul li img, #tmpjournalen .row_second .aktuelt ul li img, .kundehistorie.avsnitt .aktuelt_category ul li img, #tmpArrangement .aktuelt_category ul li img, .arrangement_meta .baerekraftsmal ul li img { width:50px; padding: 0 5px 5px 0 ; } #tmpjournalen { margin: 0px auto; margin-left: -70px; } .home #tmpjournalen .row_second { margin: 0px auto; margin-bottom: 60px; } #tmpjournalen .row_second { margin-bottom: 60px; } #tmpjournalen h2, #tmpArrangement h2 { margin-bottom: 60px; text-align: center; } #tmpArrangement .ingress h2 { text-align: left; } #tmpjournalen .blaknapp-outline, #tmpArrangement .blaknapp-outline { text-align: center; } /* aktuelt slutt */ /* arrangement*/ #tmpArrangement{ margin-left: -70px; margin: 0px auto; } .arrangement_utlisting, .sidebygger #tmpArrangement .arrangement_utlisting{ width: 1640px; margin-left: -28%; display: inline-block; scroll-margin-bottom: 60px; } .home .arrangement_utlisting, .sidebygger.forside #tmpArrangement .arrangement_utlisting { margin-left: -5%; } /*.sidebygger #tmpArrangement .arrangement_utlisting { margin-bottom: 60px; margin-left: -5%; }*/ .arrangement { display: flex; border-bottom: solid 1px #AECFE6; padding-bottom: 30px; padding-top: 40px; padding-left: 20px; padding-right: 20px; } .arrangement.arrungcn { background-color: #0072e51f; } .arrangement.arendalsuka { background-color: rgba(1, 127, 64, 0.116); } .page-template-arendalsuka-php .leggtil, .page-template-arendalsuka-php .ingress, .page-template-arendalsuka-php #tmpArrangement h2 { margin-top: 0px; margin-bottom: 5px; } .arrangement .dato { font-size: 30px; width: 20%; } .arrangement_meta .dato { font-size: 30px; width: 100%; } .arrangement .dato .start, .arrangement .dato .slutt, .arrangement_meta .dato .start, .arrangement_meta .dato .slutt, #pamelding .dato .slutt, #pamelding .dato .start{ float: left; } .arrangement .dato .slutt::before, .arrangement_meta .dato .slutt::before { content:' - '; padding-left: 5px; } .arrangement .arrangementtittel { float: left; width: 70%; margin-left: 20px; position: relative; min-height: 200px; font-size: 30px; color: #1E3250; } .arrangement .arrangementtittel a { text-decoration: none; border-bottom: solid 2px #00A166; color: #1E3250; padding-bottom: 2px; } .arrangement .arrangementtittel a:hover { border-bottom: solid 3px #00A166; } .arrangement .sted, .arrangement .arrangor { font-size: 18px; line-height: 20px; } .arrangement .sted {margin-top: 15px;} #tmpArrangement .aktuelt_category ul { position: unset; margin-top: 20px; } .arrangement .arrangement_pil { float: left; width: 10%; text-align: right; } .arrangement .arrangement_pil a{ text-decoration: none; border-bottom: none; } .arrangement .arrangement_pil img{ width: 50px; -webkit-transform:rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .arrangement .leggikalender, .arrangement_meta .leggikalender { font-size: 16px; text-decoration: none; border-bottom: solid 2px #00A166; color: #1E3250; padding-bottom: 2px; font-weight: 400; float:left; } .arrangement .leggikalender:hover, .arrangement_meta .leggikalender:hover { border-bottom: solid 3px #00A166;} .arrangement .leggtilkalender, .arrangement_meta .leggtilkalender { float: none; clear: both; display: none; } .arrangement_meta, #pamelding { background-color: #fff; margin-top: 60px; padding: 50px; margin-left: -50px; position: relative; } .arrangement_meta h4 { font-size: 20px; font-weight: 700; margin-bottom: 0px; margin-top: 40px; } .arrangement_meta .sted a, .arrangement_meta .program a { text-decoration: none; color: #1E3250; border-bottom: solid 2px #00A166; } .arrangement_meta .sted a:hover, .arrangement_meta .program a:hover { border-bottom: solid 3px #00A166; } .arrangement_meta .dato, .arrangement_meta .sted, .arrangement_meta .arrangor { font-size: 30px; font-weight: 300; clear: both; } .arrangement_meta .baerekraftsmal ul { display: flex; flex-wrap: wrap; } .arrangement_meta .baerekraftsmal, .arrangement_meta .knapper { margin-top: 40px; clear: both; } .arrangement_meta .knapper .blaknapp, .arrangement_meta .knapper .program { float:left; } #pamelding{ padding-top: 75px; } .arrangement_meta .knapper .program { margin-top: 32px; margin-left: 60px; } #pamelding .meta { margin-bottom: 30px; display: block; margin-top: 20px; } #pamelding h4 { font-weight: 700; float: left; clear: both; margin: 0px; font-size: 22px; line-height: inherit; margin-right: 10px; } #pamelding .dato{float: left;} #pamelding .dato .slutt::before { content: ' - '; padding-left: 5px; } #pamelding .sted, #pamelding .arrangor, #pamelding .hvem { font-size: 22px; font-weight: 300; margin-top: 5px; clear: both; } .arrangement_meta .hvem li { display: inline; list-style-type: none; } .arrangement_meta .hvem li:before { content: ", "; } .arrangement_meta .hvem li:first-child:before { content: ""; } #pamelding .sted a { text-decoration: none; color: #1E3250; border-bottom: solid 2px #00A166; } #pamelding .sted a:hover { border-bottom: solid 3px #00A166; } /* arrangement slutt */ /* arrangement filtrering */ button.filtrering_nullstill { margin: 0px auto; background-color: transparent; color: #1E3250; border-bottom: solid 2px #00A166; border-radius: 0px; transition: none; padding: 25px 0px 0px 0px; display: flex; font-weight: 400; letter-spacing: 2px; margin-bottom: 25px; clear: both; } .filtrering_dato input { width: 9%; } .filtrering_by select, .filtrering_barekraft select, .filtrering_hvem select, .filtrering_dato input, .filtrering_arrangor select { border: solid 2px #1E3250; background-color: transparent; margin-right: 5px; height: 50px; color: #1E3250; font-weight: 700; font-size: 18px; float: left; } .filtrering_by select, .filtrering_barekraft select, .filtrering_hvem select, .filtrering_arrangor select { width: 20%; padding: 5px; } .page-template-arendalsuka .filtrering_by select, .page-template-arendalsuka .filtrering_barekraft select,.page-template-arendalsuka .filtrering_hvem select,.page-template-arendalsuka .filtrering_arrangor select { width: 25%; } .skjema_wrapper.gform_wrapper form li, .skjema_wrapper.gform_wrapper li { margin-left: 0!important; list-style-type: none!important; list-style-image: none!important; list-style: none!important; overflow: hidden !important; } .skjema_wrapper.gform_wrapper li.checkmark input { margin-left: 10px; } /* arrangement filtrering slutt */ /* bærekraftsmalene utlisting */ #tmpbarekraftsmalene .barekraftsmal_utlisting { margin-left: -28%; margin-right: -20%; margin-top: 150px; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal { background-color: #fff; margin-bottom: 20px; clear: both; display: flex; padding: 26px; cursor: pointer; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsikon, #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel,#tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .arrangement_pil { float: left; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsikon{ width: 150px; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel{ padding-left: 50px; width: 80%; padding-top: 2%; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .arrangement_pil img { width: 50px; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .arrangement_pil { width: 10%; padding-top: 3%; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel a { font-size: 30px; text-decoration: none; border-bottom: solid 2px #00A166; color: #1E3250; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel a:hover { border-bottom: solid 3px #00A166; } /* bærekraftsmalene slutt */ /* løsningsplattformer */ #teaser h2 { font-size: 72px; line-height: 90px; font-weight: 900; color: #00A166; margin-top: 150px; } #losningsplattform{ margin-left: -20%; margin-right: -15%; margin-top: 50px; } #losningsplattform .losningsplattform2 { margin-top: -30px; } .losningsplattform_utlisting{ display: grid; grid-template-columns:50% 50%; /*grid-gap: 20px;*/ margin-top: 20px; } .losningsplattform_utlisting .losningsplattform{ padding: 45px; background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px; cursor: pointer; margin: 10px 10px; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel{ background-color: rgba(255, 255, 255, 0.7); padding: 50px; text-align: center; width: 80%; margin: 0px auto; margin-top: 50px; height: 70%; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel a{ text-decoration: none; font-size: 30px; line-height: 40px; border-bottom: solid 2px #00A166; color: #1E3250; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel .ingress { font-size: 20px; line-height: 30px; margin-top: 20px; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel p { padding-top: 5px; margin-bottom: 0px; font-size: 21px; line-height: 28px; display: none; } .sidebygger .losningsplattform_tokolonner { display: grid; grid-template-columns:50% 50%; /*grid-gap: 20px;*/ margin-top: 20px; } .losningsplattform_tokolonner .losningsplattform_utlisting.losningsplattform { width: 100%; display: block; margin: 0px 0px; } .losningsplattform_tokolonner #losningsplattform { margin-left: 0%; margin-right: 0%; margin-top: 0px; } .sidebygger .losningsplattform_tokolonner .avsnitt.uthevettekst { width: 100%; } .sidebygger .losningsplattform_tokolonner .avsnitt.uthevettekst .bla { font-size: 32px; line-height: 48px; font-weight: 400; color: #1E3250; margin-top: 25px; text-align: center; } .sidebygger .losningsplattform_tokolonner .avsnitt { margin-top: 0px; margin-bottom: 50px; display: inline-block; } .losningsplattform_tokolonner .losningsplattform_utlisting .losningsplattform { margin: 20px 10px; display: flex; } /* løsninsplattformer slutt */ /* skjema felter */ .skjema_wrapper .gform_body { margin-bottom: 50px; } .skjema_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ background-color: transparent; border: none; border-bottom: 2px solid #AECFE6; color: #1E3250; font-size: 22px; font-weight: 400; letter-spacing: 1.2 !important; padding: 15px;} .skjema_wrapper input[type="submit"] { background: #00A166; border: 2px solid #00A166; border-radius: 45px; padding: 10px 30px; opacity: 1; color: #fff; text-align: center; font-size: 18px !important; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; margin-bottom: 50px; display: inline-block; text-transform: uppercase; } .skjema_wrapper textarea { border: 2px solid #AECFE6; } .skjema_wrapper input[type="submit"]:hover { background: #fff; color: #00A166; } .skjema_wrapper .gfield_consent_label { font-size: 14px; line-height: 20px; font-weight: 600; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .skjema_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .skjema_wrapper ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label { margin-left: 19px; font-weight: 400; font-size: 20px; font-weight: 700; color: #AECFE6; font-family: 'Muli', sans-serif; margin-top: 20px; margin-bottom: 20px; } .skjema_wrapper [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative!important; padding-left: 1.0em!important; cursor: pointer!important; } .skjema_wrapper [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: -22px; top: -2px; width: 1.30em; height: 1.30em; border: 2px solid #1E3250; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px; } .skjema_wrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .skjema_wrapper [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: ''; position: absolute; width: 13px; height: 12px; top: 1px; left: -19px; font-size: 1.3em; line-height: 0.8; background-color: #1E3250; transition: all .2s; } .skjema_wrapper .gfield_required { color: #790000; margin-left: 4px; display: inline !important; } .skjema_wrapper.gform_wrapper ul.gfield_checkbox li input[type=checkbox] { /*display: none;*/ } .skjema_wrapper .checkmark ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label { margin-left: 19px; font-weight: 400; font-size: 20px; font-weight: 700; color: #AECFE6; font-family: 'Muli', sans-serif; margin-top: 20px; margin-bottom: 20px; margin-left: 25px; } .skjema_wrapper #gform_3 .checkmark ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label { color: #1E3250; font-size: 14px; line-height: 20px; font-weight: 800; margin-bottom: 4px; margin-left: 3px; } /* skjema slutt */ /* registreringsskjema */ .gform_wrapper.skjema_wrapper #gform_4 .gsection, .gform_wrapper.skjema_wrapper #gform_16 .gsection { color: #00A166; margin-bottom: 50px; margin-top: 0px; padding-bottom: 0px; border-bottom: solid 1px #00A166; } .gform_wrapper.skjema_wrapper #gform_4 .gsection h2, .gform_wrapper.skjema_wrapper #gform_16 .gsection h2 { font-size: 26px; font-weight: 700; } .gform_wrapper.skjema_wrapper #gform_4 .top_label .gfield_label, .gform_wrapper.skjema_wrapper #gform_16 .top_label .gfield_label{ font-size: 20px; font-weight: 400; margin-top: 20px; } .gform_wrapper.skjema_wrapper #gform_4 .description, .gform_wrapper.skjema_wrapper #gform_4 .gfield_description, .gform_wrapper.skjema_wrapper #gform_4 .gsection_description, .gform_wrapper.skjema_wrapper #gform_4 .instruction, .gform_wrapper.skjema_wrapper #gform_16 .description, .gform_wrapper.skjema_wrapper #gform_16 .gfield_description, .gform_wrapper.skjema_wrapper #gform_16 .gsection_description, .gform_wrapper.skjema_wrapper #gform_16 .instruction { font-size: 16px; } #gform_4 ::-webkit-input-placeholder { color: #AECFE6; } #gform_4 :-moz-placeholder { opacity: 1; color:#AECFE6; } /* Firefox 18- */ #gform_4 ::-moz-placeholder { opacity: 1; color:#AECFE6; } /* firefox 19+ */ #gform_4 :-ms-input-placeholder { color:#AECFE6; } /* ie */ #gform_4 .input:-moz-placeholder { color:#AECFE6; } #gform_16 ::-webkit-input-placeholder { color: #AECFE6; } #gform_16 :-moz-placeholder { opacity: 1; color:#AECFE6; } /* Firefox 18- */ #gform_16 ::-moz-placeholder { opacity: 1; color:#AECFE6; } /* firefox 19+ */ #gform_16 :-ms-input-placeholder { color:#AECFE6; } /* ie */ #gform_16 .input:-moz-placeholder { color:#AECFE6; } .gform_wrapper.skjema_wrapper #gform_4 ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label, .gform_wrapper.skjema_wrapper #gform_16 ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label { margin-left: 19px; font-weight: 400; font-size: 16px; font-weight: 700; color:#1E3250; font-family: inherit; margin-top: 20px; margin-bottom: 20px; } .gform_wrapper.skjema_wrapper #gform_4 .gfield_consent_label, .gform_wrapper.skjema_wrapper #gform_16 .gfield_consent_label { font-size: 14px; line-height: 20px; font-weight: 600; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gform_wrapper.skjema_wrapper #gform_4 ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper.skjema_wrapper #gform_4 ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label, .gform_wrapper.skjema_wrapper #gform_16 ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper.skjema_wrapper #gform_16 ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label { margin-left: 5px; font-size: 16px; font-weight: 400; color: #1E3250; font-family: inherit; margin-top: 5px; margin-bottom: 5px; } .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:not(:checked) + label, .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:checked + label, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:not(:checked) + label, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:checked + label { position: relative!important; padding-left: 1.0em!important; cursor: pointer!important; } .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:not(:checked) + label:before, .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:checked + label:before, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:not(:checked) + label:before, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:checked + label:before{ content: ''; position: absolute; left: -24px; top: 5px; width: 1.0em; height: 1.0em; border: 2px solid #1E3250; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px; } .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:not(:checked) + label:after, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:not(:checked) + label:after, .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:checked + label:after, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:not(:checked) + label:after, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:checked + label:after { content: ''; position: absolute; width: 10px; height: 10px; top: 8px; left: -21px; font-size: 1.0em; line-height: 0.8; background-color: #1E3250; transition: all .2s; } .gform_wrapper.skjema_wrapper #gform_4 li.gfield.gf_list_2col ul.gfield_checkbox li label, .gform_wrapper.skjema_wrapper #gform_4 li.gfield.gf_list_2col ul.gfield_radio li label, .gform_wrapper.skjema_wrapper #gform_16 li.gfield.gf_list_2col ul.gfield_checkbox li label, .gform_wrapper.skjema_wrapper #gform_16 li.gfield.gf_list_2col ul.gfield_radio li label{ margin-left: 5px; font-size: 16px; font-weight: 400; color: #1E3250; font-family: inherit; margin-top: 5px; margin-bottom: 5px; } .gform_wrapper.skjema_wrapper #gform_4 li.gfield.gf_list_2col [type="checkbox"]:not(:checked) + label:before, .gform_wrapper.skjema_wrapper #gform_4 li.gfield.gf_list_2col [type="checkbox"]:checked + label:before, .gform_wrapper.skjema_wrapper #gform_16 li.gfield.gf_list_2col [type="checkbox"]:not(:checked) + label:before, .gform_wrapper.skjema_wrapper #gform_16 li.gfield.gf_list_2col [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: -24px; top: 5px; width: 1.0em; height: 1.0em; border: 2px solid #1E3250; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px; } .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:not(:checked) + label.gfield_consent_label:before, .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:checked + label.gfield_consent_label:before, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:not(:checked) + label.gfield_consent_label:before, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:checked + label.gfield_consent_label:before{ content: ''; position: absolute; left: -18px; top: -2px; width: 16px; height: 16px; border: 2px solid #1E3250; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px; } .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:not(:checked) + label.gfield_consent_label:after, .gform_wrapper.skjema_wrapper #gform_4 [type="checkbox"]:checked + label.gfield_consent_label:after, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:not(:checked) + label.gfield_consent_label:after, .gform_wrapper.skjema_wrapper #gform_16 [type="checkbox"]:checked + label.gfield_consent_label:after { content: ''; position: absolute; width: 10px; height: 10px; top: 1px; left: -15px; font-size: 1.0em; line-height: 0.8; background-color: #1E3250; transition: all .2s; } .gform_wrapper.skjema_wrapper #gform_4 .gfield_checkbox li label, .gform_wrapper.skjema_wrapper #gform_4 .gfield_radio li label, .gform_wrapper.skjema_wrapper #gform_16 .gfield_checkbox li label, .gform_wrapper.skjema_wrapper #gform_16 .gfield_radio li label{ font-size: 18px; font-weight: 400; color: #1E3250; font-family: inherit; margin-left: 25px; margin-top: 7px; } .gform_wrapper.skjema_wrapper #gform_4 .top_label li.gfield.gf_left_half:before, .gform_wrapper.skjema_wrapper #gform_4 .top_label li.gfield.gf_right_half:before, .gform_wrapper.skjema_wrapper #gform_16 .top_label li.gfield.gf_left_half:before, .gform_wrapper.skjema_wrapper #gform_16 .top_label li.gfield.gf_right_half:before { display: none; } .startdato{clear: both;} .leggtil{float: right; margin-bottom: 50px;margin-top: 50px;width: 400px; cursor: pointer;} .leggtilikon img {width: 50px;margin-top: 17px;} .leggtilikon, .leggtiltekst {float: left; margin-left: 5px; margin-right: 5px;} .leggtiltekst a{ font-weight: 700; border-bottom: solid 2px #00A166; } .leggtiltekst a:hover, .leggtiltekst a:focus { border-bottom: solid 3px #00A166; } .leggtiltekst{ font-size: 18px; width: 70%; padding-left: 25px; } /* registreringsskjema slutt */ /* bokmerker */ .bokmerker{margin: 50px 0px;} .bokmerker a { font-size: 24px; font-weight: 300; text-decoration: none; color: #1E3250; border-bottom: solid 2px #00A166; } .bokmerker a:hover { border-bottom: solid 3px #00A166; } .bokmerker li{float: left; display: contents;} .bokmerker li::after { content: ' / '; color: #1E3250; margin: 0px 9px; } .bokmerker li:last-child:after{ content: ''; } /* bokmerker slutt */ /* kontaktpersoner */ .kontaktpersoner .person { background-color: #fff; margin-bottom: 20px; display: inline-block; width: 100%; margin-left: -50px; } .kontaktpersoner .person .bilde { width: 30%; float: left; } .kontaktpersoner .person .bilde img, .kontaktpersoner_2 .person .bilde img { object-fit: cover; width: 100%; height: 100%; max-height: 255px; } .kontaktpersoner .person .info { width: 70%; float: right; padding-left: 50px; } .kontaktpersoner .person .info h3 { font-size: 30px; margin-bottom: 10px; margin-top: 50px; } .kontaktpersoner .person .info h4 { font-size: 22px; margin-bottom: 30px; } .kontaktpersoner .person .info a { font-size: 22px; font-weight: 300; color: #1E3250; text-decoration: none; border-bottom: solid 2px #00A166; } .kontaktpersoner .person .info a:hover { border-bottom: solid 3px #00A166; } .kontaktpersoner .person .info p{ font-size: 22px; font-weight: 300; } .kontaktpersoner_2 { display: grid; grid-template-columns: 32% 32% 32%; grid-column-gap: 2%; grid-row-gap: 20px; margin-left: -50px; } .kontaktpersoner_2 .info{ background-color: #fff; padding: 30px 15px; height: 280px; } .kontaktpersoner_2 .person .info h3 { margin-top: 0px; font-size: 26px; margin-bottom: 5px; } .kontaktpersoner_2 .person .info h4 { font-size: 20px; margin-bottom: 20px; } .kontaktpersoner_2 .person .info a { font-size: 20px; font-weight: 300; color: #1E3250; text-decoration: none; border-bottom: solid 2px #00A166; } .kontaktpersoner_2 .person .info a:hover { border-bottom: solid 3px #00A166; } .kontaktpersoner_2 .person .info p{ font-size: 20px; font-weight: 300; } /* kontaktpersoner slutt */ /* kontakt */ #adresse { font-size: 30px; } #adresse a { color: #1E3250; text-decoration: none; border-bottom: solid 2px #00A166; } #adresse a:hover { border-bottom: solid 3px #00A166; } #adresse .beskrivelse { font-size: 16px; } #adresse h2 { font-size: 36px; line-height: 50px; font-weight: 300; } #kontaktskjema { background-color: #fff; padding: 100px; margin-left: -120px; width: 1240px; } #kontaktskjema h2 { font-size: 36px; } .page-id-21 .sidebygger { margin-top: 0px; } .empty100 {margin-top: 100px;} /* kontakt slutt */ /* søkeresultat */ .search-results .entry { margin-bottom: 20px; } .entry header { height: auto; } .entry-title { font-size: 26px; margin-bottom: 0px; } .entry-title a, .sidebar .widget-title a { border-bottom: solid 2px #00A166; } .entry-title a:hover, .sidebar .widget-title a:hover { border-bottom: solid 3px #00A166; color: inherit; } mark { background: rgba(0, 175, 102, 0.2); color: #1E3250; } .search-results .forfooter{ margin-top: 150px; } .search-results .tittel { margin-bottom: 100px; font-size: 36px; font-weight: 300; } .search-results .search-bar { display: block !important; } .search-results .arrangement { display: flex; border-bottom: solid 0px #AECFE6; padding-bottom: unset; padding-top: unset; } .search-results .site-inner { margin-top: 300px !important; margin-bottom: 100px; } archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color:#1E3250; color: #fff; border-bottom: none; } /* søkeresultat slutt */ /* 404 */ .error404 .ingress a { border-bottom :solid 2px #00A166; } .error404 .ingress a:hover { border-bottom :solid 3px #00A166; } .error404 .ingress { margin-bottom: 150px !important; } /* 404 slutt */ /* Hide header on scroll down, show on scroll up */ .home header, header { height: 96px; position: fixed !important; top: 0; width: 100%; } article header { position: unset !important; } .nav-up { top: -100px !important; } .clear {clear: both;} /* landingsmal */ #tmpLanding .site-inner h1 { font-size: 100px; font-weight: bold; } #tmpLanding .site-inner h1 span { font-size: 60px; } #tmpLanding .site-inner h2 { font-size: 72px; } #tmpLanding .site-inner a { font-size: 16px; font-weight: 400; } #tmpLanding .site-inner { padding: 0px 0 0 0; margin: 0 auto; } #tmpLanding .tmpLanding_linker { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0 20px; font-size: 18px; } #tmpLanding #footer .tmpLanding_linker { grid-template-columns: 1fr 1fr; } #tmpLanding .tmpLanding_linker p.right { text-align: right; } #tmpLanding .tmpLanding_linker p.left { text-align: left; } #tmpLanding p.center { text-align: center; } #tmpLanding .site-inner .row { max-width: 1180px; margin: 0 auto; padding: 20px; min-height: 100vh; } #tmpLanding iframe { max-width: 100%; width: 900px; height: 45vh; margin: 0 0 60px 0; } #tmpLanding .bk { left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; position: relative; right: 50%; width: 100vw; overflow: hidden; padding: 20px 0; } #tmpLanding .bk_topp { background-color: #1e3250; color: #fff; text-align: center; } #tmpLanding .bk_midt { padding-top: 100px; background-color: #00af66; } #tmpLanding .bk_bunn { padding-top: 100px; background-color: #9ed6be; } #tmpLanding .bk_bunn p { font-size: 24px; } #tmpLanding .bk_bunn h3{ font-size: 30px; line-height: 40px; } #tmpLanding a.gronnknapp { background: #00A166; border: 2px solid #00A166; border-radius: 45px; padding: 6px 30px; opacity: 1; color: #1e3250; text-align: center; font-size: 18px !important; font-weight: 400; letter-spacing: 1.4px; margin-top: 25px; display: inline-block; text-transform: uppercase; } #tmpLanding a.gronnknapp:hover { background: #fff; color: #00A166; } #tmpLanding .accordian { color: solid 1px #275677; margin: 0 auto; } #tmpLanding .accordian h2 { font-size: 48px; color: #1E3250; border-bottom: solid 1px #275677; } #tmpLanding .gform_footer.top_label { text-align: center; } #tmpLanding .skjema_wrapper input[type="submit"] { background: #1E3250; border: 2px solid #1E3250; color: white; } #tmpLanding .skjema_wrapper input[type="submit"]:hover { background: white; border: 2px solid #1E3250; color: #1E3250; } #tmpLanding #footer { position: fixed; height: 60px; bottom: 0; width: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; right: 50%; width: 100vw; overflow: hidden; padding: 20px 0; color: white; } #tmpLanding #footer a:hover { text-decoration: none; } #tmpLanding #footer img { width: 33px; } #tmpLanding .accordion-container { position: relative; height: auto; margin: 50px auto; } #tmpLanding .accordion-container h2 { font-size: 48px; cursor: pointer; } #tmpLanding .set { position: relative; width: 100%; height: auto; background-color: transparent; border-bottom: 1px solid #275677; padding: 30px 0; } #tmpLanding .set>h2 i { float: right; margin-top: 2px; } #tmpLanding .content { background-color: transparent; display: none; } #tmpLanding .fa-plus:before { background-image: url('https://globalcompact.no/wp-content/uploads/2019/11/add@2x.png'); content: ' ' !important; background-repeat: no-repeat; display: block; width: 40px; height: 40px; margin-top: 30px; } #tmpLanding .fa-minus:before { background-image: url('https://globalcompact.no/wp-content/uploads/2019/11/add@2x-1.png'); background-repeat: no-repeat; content: ' ' !important; display: block; width: 40px; height: 40px; margin-top: 30px; margin-right:10px; } #tmpLanding .etterfooter, .page-template-landing #responsive-menu-pro-button { display: none; } #tmpLanding .gform_confirmation_wrapper { padding-top: 100px; } #tmpLanding .gform_wrapper textarea.large { background-color: transparent; } #tmpLanding .outline { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; } /*landingsmal slutt */ /* Media queries */ @media screen and (max-width: 2000px) { #responsive-menu-pro-additional-content { right: 10%; top: 35%; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting { margin-left: -40%; } #losningsplattform { margin-left: -40%; } .hovedelement .hoved_video, .hovedelement .hoved_bildet { width: 1400px; } } @media screen and (max-width: 1900px) { .sidebygger .avsnitt .bilde img {min-width: unset; } .sidebygger .avsnitt .bilde { margin-left:-50px; margin-right: -50px; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting{ margin-left: -40%; width: 1540px; } .sidebygger #tmpArrangement .arrangement_utlisting, #tmpjournalen .row_second, .home .arrangement_utlisting{ width: 1540px; } .fa-search_icon { right: 2%; } #losningsplattform { margin-left: -30%; margin-right: -20%; } .sidebygger .kundehistorie { width: 1400px; } .sidebygger .kundehistorie .tekst h2, #slogan h2 { font-size: 44px; line-height: 55px; } input.search-form-input { width: 80%; } } @media screen and (max-width: 1700px) { .sidebygger .avsnitt .medlemmer { width: 100%; } .site-inner { margin-left: 20%; } .sidebygger .kundehistorie { width: 1400px; margin-left: -23%; } .sidebygger .kundehistorie .hovedbilde { width: 60%; } .sidebygger .kundehistorie .tekst { width: 40%; padding: 50px; } .home .sidebygger .tekst-avsnitt2:first-child { padding-right: 100px; } .home .sidebygger .tekst-avsnitt2:last-child { padding-left: 100px; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting{ margin-left: -23%; width: 1440px; } .sidebygger #tmpArrangement .arrangement_utlisting, .sidebygger.forside #tmpArrangement .arrangement_utlisting{ width: 1440px; margin-left: 0px; } .page-template-aktuelt .row_second .aktuelt .innhold{ height: 550px; } .hovedbildet { margin-left: -21vw; } .hovedbildet .fremhevetbildet { max-height: 500px; min-height: 400px; } .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { width: 1500px; margin-left: -20%; } .hovedelement { margin-left: -18%; } .hovedelement .hoved_video,.hovedelement .hoved_bildet { width: 1300px; } .filtrering_by select, .filtrering_barekraft select, .filtrering_hvem select, .filtrering_arrangor select { width: 19%; } .page-template-arendalsuka .filtrering_by select, .page-template-arendalsuka .filtrering_barekraft select,.page-template-arendalsuka .filtrering_hvem select,.page-template-arendalsuka .filtrering_arrangor select { width: 22%; } } @media screen and (max-width: 1600px) { .sok #custom_html-2, .home .sok #custom_html-3 { right: 2%; } .blimedknapp{ right: 10%; } .hoved a { font-size: 46px !important; line-height: 72px !important; } #responsive-menu-pro { left: 10%; } #responsive-menu-pro-additional-content { right: 5%; top: 22%; } .home .sidebygger .row { width: 1350px; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main,.arrangement_utlisting{ margin-left: -20%; width: 1340px; } .sidebygger #tmpArrangement .arrangement_utlisting, .sidebygger.forside #tmpArrangement .arrangement_utlisting{ width: 1340px; } .page-template-aktuelt .row_second .aktuelt .innhold{ padding : 25px 40px; } .page-template-aktuelt .row_second .aktuelt .innhold .aktuelt_title { font-size: 26px; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel { width: 90%; height: 80%; } .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { width: 1400px; grid-gap: 20px; } #kontaktskjema { width: 1100px; } .sidebygger .kundehistorie { width: 1350px; margin-left: -25%; } } @media screen and (max-width: 1500px) { .topp .tittel h1 { font-size: 62px; line-height: 76px; } .topp .ingress h2 { font-size: 30px; line-height: 40px; } .site-inner { margin-left: 15%; margin-right: 0%; } .sidebygger .kundehistorie { width: 1300px; margin-left: -17%; } .sidebygger .kundehistorie .hovedbilde { width: 50%; } .sidebygger .kundehistorie .tekst { width: 50%; } .sidebygger .kundehistorie .tekst h2, #slogan h2 { font-size: 40px; line-height: 52px; margin-top: 25px; margin-bottom: 25px; } .home .sidebygger .grafikk .element .tall { font-size: 70px; line-height: 80px; } .home .sidebygger.forside .avsnitt { margin-top: 100px; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main,.arrangement_utlisting{ margin-left: -10%; width: 1240px; } .sidebygger #tmpArrangement .arrangement_utlisting, .sidebygger.forside #tmpArrangement .arrangement_utlisting{ width: 1240px; } .fa-search_icon { right: 1%; } .hovedbildet { margin-left: -16vw; } .hovedbildet .barekraftikon { right: 70px; top: -60px; } .baerekraftsmal ul li img { width: 130px; } #tmpbarekraftsmalene .barekraftsmal_utlisting { margin-left: -15%; margin-right: -3%; } #slogan { padding: 80px 100px; } #losningsplattform { margin-left: -10%; margin-right: 0%; } .sidebygger #tmppublikasjon, .tmppublikasjon{ width: 1330px; } .sidebygger #tmppublikasjon .publikasjon .last_ned, .tmppublikasjon .publikasjon .last_ned { width: 10%; } .sidebygger #tmppublikasjon .publikasjon .innhold, .tmppublikasjon .publikasjon .innhold { width: 90%; } .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { width: 1300px; margin-left: 0%; } .page-template-aktuelt .row_main .aktuelt .innhold .aktuelt_title, .page-template-aktuelt .row_second .aktuelt .innhold .aktuelt_title, .single-post .row_second .aktuelt .innhold .aktuelt_title, #tmpjournalen .row_second .aktuelt .innhold .aktuelt_title { font-size: 26px; } .page-template-aktuelt .row_second .aktuelt .innhold, .single-post .row_second .aktuelt .innhold, #tmpjournalen .row_second .aktuelt .innhold { padding: 50px 30px; } .page-template-aktuelt .row_main .aktuelt .innhold p, .page-template-aktuelt .row_second .aktuelt .innhold p, .single-post .row_second .aktuelt .innhold p, #tmpjournalen .row_second .aktuelt .innhold p { font-size: 16px; line-height: 26px; } .filtrering_by select, .filtrering_barekraft select, .filtrering_hvem select, .filtrering_dato input { font-size: 17px;} } @media screen and (max-width: 1400px) { .site-inner { margin-left: 10%; } .topp .tittel, .publisert, .topp .ingress, .topp .breadcrumb, .sidebygger, .sidebygger .avsnitt { width: 950px; } .sidebygger .kundehistorie { width: 1200px; margin-left: -7%; } .sidebygger .kundehistorie .tekst { padding: 30px; } .sidebygger .avsnitt .program { margin-left: -50px; margin-right: -50px; } .top-header { padding-top: 150px; } .home .forside_tekst h1 { font-size: 62px; line-height: 72px; } .menu-forsidemeny-container a { font-size: 20px; line-height: 40px; } .home .sidebygger .row { width: 1200px; margin: 0px auto; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting{ margin-left: -5%; width: 1200px; } .sidebygger #tmpArrangement .arrangement_utlisting, .sidebygger.forside #tmpArrangement .arrangement_utlisting{ width: 1200px; } .page-template-aktuelt .row_second { display: grid; grid-template-columns:49% 49%; grid-gap: 21px; margin-top: 20px; } .page-template-aktuelt .row_second .aktuelt .innhold { height: 450px; } .arrangement .dato, .arrangement .arrangementtittel { font-size: 25px; } .hovedbildet { margin-left: -11vw; } #tmpbarekraftsmalene .barekraftsmal_utlisting { margin-left: -5%; margin-right: -1%; } .sidebygger #tmppublikasjon, .tmppublikasjon{ margin-left: -120px; width: 1230px; } .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { width: 1200px; margin-left: 0%; } .hovedelement { margin-left: -10%; } .hovedelement .hoved_video, .hovedelement .hoved_bildet { width: 1200px; } .filtrering_by select, .filtrering_barekraft select, .filtrering_hvem select, .filtrering_dato input { font-size: 16px;} } @media screen and (max-width: 1350px) { .site-inner { margin-left: 5%; } .sidebygger .kundehistorie { width: 1200px; margin-left: 0%; } .sidebygger .avsnitt .program { margin-left: 0px; margin-right: 0px; width: 100%; } .nyhetsbrevboks .row { width: 1000px; padding: 75px; } .home .sidebygger .tekst-avsnitt2:first-child { padding-right: 50px; } .home .sidebygger .tekst-avsnitt2:last-child { padding-left: 50px; } .home .sidebygger .tekst-avsnitt2 { width: 50%; float: left; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting{ margin-left: -2%; } .hovedbildet { margin-left: -7vw; } #losningsplattform { margin-left: -5%; } .hoved a { font-size: 36px !important; line-height: 65px !important; } #menu-sekundaermeny a { font-size: 26px; line-height: 46px; } .sidebygger #tmppublikasjon, .tmppublikasjon{ margin-left: -50px; } #tmpjournalen, #kontaktskjema { margin-left: 0px; } #kontaktskjema{width: 100%;} .empty100 {margin-top: 50px;} .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { width: 1150px; } .hovedelement { margin-left: 0%; } .hovedelement .hoved_video, .hovedelement .hoved_bildet { width: 1100px; } #tmpLanding .site-inner h1 { font-size: 70px; } #tmpLanding .site-inner h1 span { font-size: 40px; } #tmpLanding .site-inner a { font-size: 14px; } #tmpLanding .tmpLanding_linker p.right { font-size: 14px; } #tmpLanding .site-inner h2 { font-size: 52px; text-align: center; } #tmpLanding .accordion-container h2 { font-size: 36px !important; text-align: left !important; margin-bottom: 5px; } #tmpLanding .set { padding: 20px 0; } #tmpLanding .fa-plus:before { margin-top: 10px; } #tmpLanding .bk_bunn p { font-size: 20px; } } @media screen and (max-width: 1279px) { .site-inner { margin-left: 0%; } .sidebygger .tekst-avsnitt2 { width: 100%; float: none; } .sidebygger .tekst-avsnitt2:last-child { padding-left: 0px; } .sidebygger .tekst-avsnitt2:first-child { padding-right: 0px; } .tekst-avsnitt2 blockquote { margin-top: 50px; } .tekst-avsnitt blockquote::before, .tekst-avsnitt2 blockquote::before { height: 40px; margin-bottom: 10px; } .topp .tittel, .publisert, .topp .ingress, .topp .breadcrumb, .sidebygger, .sidebygger .avsnitt { width: 100%; } .sidebygger .avsnitt .bilde { margin-left:0px; margin-right: 0px; } .topp .tittel h1 { font-size: 52px; line-height: 60px; } .sidebygger .avsnitt.uthevettekst { width: 100%; } .sidebygger .avsnitt .punktliste { width: 100%; margin-left: 0px; margin-right: 0px; } .sidebygger .avsnitt.uthevettekst .gronn, #teaser h2 { font-size: 50px; line-height: 56px; } .sidebygger .avsnitt.uthevettekst .bla { font-size: 34px; line-height: 42px; } .sok #custom_html-2, .home .sok #custom_html-3 { right: 1%; } .blimedknapp{ right: 12%; }.nav-primary.genesis-responsive-menu { display: none;top:-150px;} .hoved a { font-size: 36px !important; line-height: 46px !important; } #menu-sekundaermeny a { line-height: 40px; font-size: 30px; font-weight: 300; } #responsive-menu-pro-additional-content { right: unset; left: 5%; top: 500px; } #responsive-menu-pro {left: 5%; top: 200px; } #responsive-menu-pro-container #responsive-menu-pro-search-box, #responsive-menu-pro-container #responsive-menu-pro-additional-content, #responsive-menu-pro-container #responsive-menu-pro-title { padding: 25px 0% !important; } .sidebygger .avsnitt .punktliste { padding: 20px; } .sidebygger .avsnitt .linker, .sidebygger .avsnitt.kontakt { padding: 30px; } .sidebygger .avsnitt.uthevettekst .pil img { width: 55px; } .sidebygger .kundehistorie { width: 1200px; margin-left: 0%; } .home .sidebygger .tekst-avsnitt2:first-child { padding-right: 0px; margin-bottom: 50px; } .home .sidebygger .tekst-avsnitt2:last-child { padding-left: 0px; } .home .sidebygger .tekst-avsnitt2 { width: 100%; float: none; } .home .sidebygger .row { width: 100%; margin: 0px auto; } .home .sidebygger { padding-right: 15px; padding-left: 15px; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting, .sidebygger #tmpArrangement .arrangement_utlisting{ margin-left: 0%; } .arrangement_meta, #pamelding , #slogan{ margin-left: 0px; } .hovedbildet { margin-left: -2vw; } .accordian .panel { padding-left: 20px; } #tmpbarekraftsmalene .barekraftsmal_utlisting { margin-left: 0%; margin-right: 0%; } #losningsplattform { margin-left: 0%; } .losningsplattform_utlisting .losningsplattform { padding: 0px; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel a { font-size: 25px; line-height: 35px; } .sidebygger #tmppublikasjon, .tmppublikasjon{ margin-left: 0px; width: 1100px; } .sidebygger #tmppublikasjon .publikasjon .innhold a, .tmppublikasjon .publikasjon .innhold a, .tmppublikasjon .publikasjon .last_ned a { font-size: 20px; } .page-template-aktuelt .row_main .aktuelt .innhold .publisert, .page-template-aktuelt .row_second .aktuelt .innhold .publisert, .single-post .row_second .aktuelt .innhold .publisert, #tmpjournalen .row_second .aktuelt .innhold .publisert { font-size: 13px; margin-bottom: 20px; } .kontaktpersoner .person { margin-left: 0px; } .search-bar .container { width: 80%; padding-top: 50px; } .search-results .entry-title { font-size: 22px; } .search-results .tittel { font-size: 30px; } .leggtiltekst { font-size: 14px; } .leggtilikon img { width: 30px; } .leggtil { width: 290px; } .kontaktpersoner_2 { grid-template-columns: 49% 49%; margin-left: 0px; } } @media screen and (max-width: 1240px) {.sidebygger .kundehistorie { width: 100%; } .sidebygger .kundehistorie .tekst { padding: 50px; } .sidebygger .kundehistorie .tekst, .sidebygger .kundehistorie .hovedbilde { width: 100%; } .sidebygger .baerekraftsmal .editor_text { width: 100%; margin-bottom: 50px; font-size: 22px; line-height: 34px; } .nyhetsbrevboks .row { width: 95%; padding: 75px; } .nyhetsbrevboks h3, .home .sidebygger h2 { font-size: 36px; line-height: 48px; } .nyhetsbrevboks h4 { font-size: 28px; line-height: 36px; margin-bottom: 30px; } .home .forside_col1 { display: none; } .home .forside_col2 { width: 84%; padding: 0px 30px 0; } .home .forside_col3 img { bottom: 20px; width: 100px; } .home .sidebygger.forside .avsnitt { margin-top: 100px; } .home .sidebygger .grafikk .element .tall { font-size: 60px; line-height: 70px; } .home .sidebygger .grafikk .element img { max-height: 70px; margin-bottom: 25px; } .sidebygger .grafikk.tiprinsipper .element img { max-height: 100px; margin-bottom: 25px; } .page-template-aktuelt .row_second, .page-template-aktuelt .row_main, .arrangement_utlisting, .sidebygger #tmpArrangement .arrangement_utlisting, .sidebygger.forside #tmpArrangement .arrangement_utlisting{ width: 100%; } .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { width: 100%; } } @media screen and (max-width: 1170px) { .page-template-aktuelt .row_main .aktuelt { grid-template-columns: 100%; } .page-template-aktuelt .row_main .aktuelt .innhold { padding: 50px 50px; height: 350px; } .arrangement .arrangement_pil img { width: 35px; } .page-template-aktuelt .row_main .aktuelt ul li img, .page-template-aktuelt .row_second .aktuelt ul li img, .single-post .row_second .aktuelt ul li img, #tmpjournalen .row_second .aktuelt ul li img, .kundehistorie.avsnitt .aktuelt_category ul li img, #tmpArrangement .aktuelt_category ul li img { width: 40px; } .arrangement .dato { width: 25%; } .arrangement .arrangement_pil { width: 5%; } .hovedbildet .barekraftikon { width: 150px; right: 35px; } #slogan { margin-top: 100px;} #losningsplattform { margin-top: 50px; } .sidebygger #tmppublikasjon, .tmppublikasjon{ width: 100%; } .sidebygger #tmppublikasjon .publikasjon .innhold, .tmppublikasjon .publikasjon .innhold { width: 80%; } .sidebygger #tmppublikasjon .publikasjon .last_ned, .tmppublikasjon .publikasjon .last_ned { width: 20%; } .hovedelement .hoved_video { height: 50%; width: 100%; } .hovedelement .hoved_bildet { width: 100%; height: auto; } .sidebygger .avsnitt.uthevettekst.boks{ padding: 35px 35px; } } @media screen and (max-width: 1023px) { .sidebygger .avsnitt .punktliste { padding: 30px; } .sidebygger .avsnitt .blaknapp a, .sidebygger .avsnitt .gronnknapp a, .sidebygger .avsnitt .blaknapp-outline a { padding: 10px 20px; font-size: 16px; } .menu-toggle { display: none !important; } .blimedknapp{ right: 15%; } .site-header { padding: 0 0px; } .sidebygger .avsnitt { margin-top: 30px; margin-bottom: 30px; } .sidebygger .avsnitt .medlemmer h2, .sidebygger .avsnitt.baerekraftsmal h2, .medlemmer h2, .sidebygger .avsnitt .baerekraftsmal h2 { margin-bottom: 30px; font-size: 36px; line-height: 48px; } .home .forside_tekst h1 { font-size: 52px; line-height: 62px; } .home .forside_col3 { width: 10%; } .home .forside_col2 { width: 90%; } .home .sidebygger.forside .avsnitt { margin-top: 50px; } .home .sidebygger .avsnitt.grafikk .element { width: 50%; margin-bottom: 50px; } .page-template-aktuelt .row_second .aktuelt .innhold { height: 500px; padding: 20px 20px; } .arrangement .sted, .arrangement .arrangor { font-size: 16px; line-height: 20px;} .arrangement .leggikalender { font-size: 14px; } .dato img { width: 15px !important; } .arrangement .dato, .arrangement .arrangementtittel { font-size: 23px; } .arrangement .arrangement_pil{display: none;} .arrangement .arrangementtittel { width: 75%; min-height: 180px; } .arrangement { padding-bottom: 10px; padding-top: 20px; } .arrangement_meta .dato, .arrangement_meta .sted, .arrangement_meta .arrangor { font-size: 23px; } #pamelding .sted, #pamelding .arrangor, #pamelding .hvem { font-size: 18px; } #pamelding h4 { font-size: 18px; } .baerekraftsmal ul li img { width: 100px; } .home .sidebygger h2, .sidebygger h2, #pamelding h2, .home .sidebygger .tekst-avsnitt h2, .home .sidebygger .tekst-avsnitt2 h2 { font-size: 38px; line-height: 48px; } .hovedbildet { margin-top: 50px; } .hovedbildet .barekraftikon { top: -30px; } .footer-widgets h3 { font-size: 25px; } #text-3 a, #nav_menu-3 a { font-size: 18px; } .footer-widget-area { width: calc(100% / 1); } .widget ul > li { margin-bottom: 5px; } .etterfooter { padding-bottom: 30px; padding-top: 30px; } #media_image-2 { width: 400px; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .arrangement_pil{display: none;} #slogan { padding: 50px 50px; } .losningsplattform_utlisting { grid-template-columns: 100%; } .losningsplattform_utlisting .losningsplattform { height: 350px; } .sidebygger #tmppublikasjon .publikasjon, .tmppublikasjon .publikasjon { padding: 25px; padding-bottom: 0px; } .sidebygger #tmppublikasjon .publikasjon .innhold p, .tmppublikasjon .publikasjon .innhold p { font-size: 15px; } .sidebygger #tmppublikasjon .publikasjon .innhold a, .tmppublikasjon .publikasjon .innhold a, .tmppublikasjon .publikasjon .last_ned a { font-size: 18px; } .sidebygger #tmppublikasjon .publikasjon .last_ned, .tmppublikasjon .publikasjon .last_ned { display: none; } .sidebygger #tmppublikasjon .publikasjon .innhold, .tmppublikasjon .publikasjon .innhold { width: 100%; } .page-template-aktuelt .row_second, .single-post .row_second, #tmpjournalen .row_second { grid-template-columns: 100%; } .page-template-aktuelt .row_second .aktuelt .innhold, .single-post .row_second .aktuelt .innhold, #tmpjournalen .row_second .aktuelt .innhold { height: 450px; } #tmpjournalen .row_second .aktuelt.podkast .innhold { height: 300px; } .hovedelement { margin-top: 0px; } .kontaktpersoner .person .bilde { width: 40%; } .kontaktpersoner .person .info { width: 60%; } .sok, .wp-custom-logo .title-area a.custom-logo-link { height: 60px; } #adresse h2 { font-size: 26px; line-height: 40px; } #adresse { font-size: 22px; } #kontaktskjema { padding: 40px; } input.search-form-input { width: 67%; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-left: 20px; } input[type="submit"] { font-size: 14px; } .search-bar { height: 150px; } .search-results .entry-title { font-size: 18px; } .search-results .tittel { font-size: 26px; margin-bottom: 50px; } .sidebygger .avsnitt .blaknapp a, .arrangement_meta .blaknapp a { padding: 10px 20px; font-size: 15px; } .kontaktpersoner .person .info, .kontaktpersoner .person .bilde { width: 100%; } .kontaktpersoner .person .bilde img { max-height: 400px; } .search-bar .container { width: 98%; } input.search-form-input { font-size: 18px; padding: 10px; } .leggtiltekst p {display: none;} .leggtiltekst { padding-left: 0px; } .leggtilikon img { width: 25px; margin-top: 0px; } .leggtil { width: 210px; } #tmpLanding .site-inner .row { min-height: auto; } #tmpLanding .bk { left: 0; margin-left: 0px; margin-right: 0px; max-width: 100%; } #tmpLanding .site-inner h2 { font-size: 42px; } #tmpLanding .accordion-container h2 { font-size: 30px !important; } #tmpLanding .fa-plus:before { width: 25px; height: 25px; } #tmpLanding .fa-minus:before { width: 25px; height: 25px; } .sidebygger .losningsplattform_tokolonner { grid-template-columns:100%; } .home .sidebygger h2, .sidebygger h2, #pamelding h2, .home .sidebygger .tekst-avsnitt h2, .home .sidebygger .tekst-avsnitt2 h2 { font-size: 28px; line-height: 48px; } } @media screen and (max-width: 767px) { .topp .tittel h1 { font-size: 36px; line-height: 46px; } .topp .ingress h2 { font-size: 20px; line-height: 31px; } .publisert { font-size: 12px; } body { font-size: 18px; } .sidebygger .tekst-avsnitt h2, .sidebygger .tekst-avsnitt2 h2 { font-size: 18px; line-height: 28px; margin-bottom: 5px; } .sidebygger { margin-top: 30px; }.sidebygger .avsnitt { margin-top: 30px; margin-bottom: 30px; } .topp .tittel, .publisert, .topp .ingress, .topp .breadcrumb, .sidebygger .avsnitt { width: 100%; margin-bottom: 20px; } .sidebygger .avsnitt.uthevettekst .gronn, #teaser h2 { font-size: 40px; line-height: 46px; } .sidebygger .avsnitt.uthevettekst .bla { font-size: 28px; line-height: 38px; } button#responsive-menu-pro-button { right: 7% !important; } .blimedknapp{ right: 22%; } .blimedknapp a { padding: 7px 10px; font-size: 14px; letter-spacing: 1px; } .wp-custom-logo .title-area, .home.wp-custom-logo .title-area, .page-id-0025 .wp-custom-logo .title-area { max-width: 200px; background-repeat: no-repeat; margin-top: 10px; } #responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img { height: auto !important; width: 200px !important; } #responsive-menu-pro { top: 150px;} .hoved a { font-size: 26px !important; line-height: 40px !important;} #menu-sekundaermeny a { font-size: 24px; } #responsive-menu-pro-additional-content { top: 410px;} #media_image-2 { width: 100%;} #menu-bli-med-1 { padding-left: 0px;} .footer-widget-area { width: calc(100% / 1);} #text-3 a, #nav_menu-3 a { font-size: 18px;} .footer-widgets h3 { font-size: 22px;} .etterfooter { display: block; padding-top: 25px;} .forfooter #media_image-2, .etterfooter #text-4 { padding-left: 0%;} #menu-bli-med-1, #media_image-2, #text-4, #media_image-3 { float: none;} #media_image-3 img { float: left;} .site-inner { padding: 0px 5px 0;} #program .punktliste { padding: 10px;} #program .punktliste p { font-size: 14px;} .img_link {display: none;} .sidebygger .kundehistorie .tekst { padding: 20px;} .sidebygger .kundehistorie .tekst h2, #slogan h2 { font-size: 36px; line-height: 46px; margin-top: 20px; margin-bottom: 20px;} .sidebygger .kundehistorie .tekst .ingress { font-size: 19px; line-height: 29px; margin-bottom: 20px;} .sidebygger .avsnitt .program { padding: 30px;} .sidebygger .avsnitt .blaknapp a, .sidebygger .avsnitt .gronnknapp a, .sidebygger .avsnitt .blaknapp-outline a { margin-bottom: 30px; } .nyhetsbrevboks .row { padding: 20px; padding-top: 40px; } .home .sidebygger .avsnitt.grafikk .element { width: 100%; float: none; } .home .sidebygger .grafikk .element img { max-height: 110px; } .home .sidebygger .grafikk.tiprinsipper .element img { max-height: 150px; } .page-template-aktuelt .row_second { grid-template-columns: 100%; }.page-template-aktuelt .row_second .aktuelt .innhold, .page-template-aktuelt .row_main .aktuelt .innhold { height: 375px; } .page-template-aktuelt .row_main .aktuelt .innhold .aktuelt_title { font-size: 26px; } .page-template-aktuelt .row_main .aktuelt .hovedbilde img { height: 350px; } .arrangement { display: block;} .arrangement .dato, .arrangement .arrangementtittel { float: none; width: 100%; } .arrangement .arrangementtittel { margin-left: 0px; margin-top: 30px; clear: both; font-size: 20px; } .arrangement .dato{font-size: 21px;} .arrangement .leggtilkalender { float: left; clear: none; margin-left: 20px; margin-top: 3px; } .arrangement .leggikalender { font-size: 12px; } .hovedbildet .barekraftikon { width: 100px; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel { padding-left: 30px; padding-top: 5px; line-height: normal; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel a { font-size: 22px; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal .barekraftsmal_tittel .slogan { padding-top: 10px; display: block; } #tmpbarekraftsmalene .barekraftsmal_utlisting .barekraftsmal { padding: 15px; } #slogan { padding: 20px 20px; margin-top: 50px; } #slogan h2 { font-size: 30px; line-height: 40px; } .accordian h2 { font-size: 25px; line-height: 30px; } .fa-plus:before { height: 30px; } .fa-plus.open:before { width: 30px; margin-right: 20px; } .fa-plus:before, .fa-plus.open:before { margin-top: 0px; } .losningsplattform_utlisting .losningsplattform .losningsplattform_tittel { width: 95%; height: 90%; margin-top: 20px;} .page-template-aktuelt .row_second .aktuelt .innhold, .single-post .row_second .aktuelt .innhold, #tmpjournalen .row_second .aktuelt .innhold { height: 550px; } .kontaktpersoner .person .info h3 { font-size: 25px; margin-bottom: 0px; margin-top: 35px; } .kontaktpersoner .person .info { padding-left: 20px; } .kontaktpersoner .person .info h4 { font-size: 20px; margin-bottom: 20px; } .kontaktpersoner .person .info a, .kontaktpersoner .person .info p { font-size: 18px; } .kontaktpersoner_2 .person .info h3 { font-size: 22px; } .kontaktpersoner_2 .info { height: 220px; } .kontaktpersoner_2 .person .info h4,.kontaktpersoner_2 .person .info a, .kontaktpersoner_2 .person .info p{ font-size: 16px; } .responsive-menu-pro-inner, .responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after { width: 30px !important; height: 2px !important; } button#responsive-menu-pro-button { top: 13px !important; right: 8% !important; } .fa-search_icon, .fa-search_icon:hover { height: 25px; width: 25px; background-repeat: no-repeat; } .fa-search_icon { right: 2%; top: 27px; } .home .forside_tekst h1 { font-size: 40px; line-height: 50px; } .home .forside_tekst h2 { font-size: 20px; line-height: 34px; } .bokmerker a { font-size: 20px; } .hovedbildet .fremhevetbildet { max-height: 300px; } #adresse h2 { font-size: 21px; line-height: 30px; } #adresse { font-size: 18px; } .page-template-aktuelt .row_second .aktuelt .innhold, .single-post .row_second .aktuelt .innhold, #tmpjournalen .row_second .aktuelt .innhold { padding: 40px 20px; } #tmpArrangement .aktuelt_category ul { position: unset; margin-top: 20px; } .bokmerker li { float: none; display: block; } .bokmerker li::after { display: none; } /*.video-background { display: none; }*/ .kundehistorie.avsnitt .aktuelt_category ul{ bottom: 5px; } .sidebygger .kundehistorie .tekst h2 { font-size: 30px; line-height: 37px; } .sidebygger .kundehistorie .tekst .ingress { margin-bottom: 70px; } #kontaktskjema h2 { font-size: 25px; } .nyhetsbrevboks input[type="submit"] { padding: 10px 20px; font-size: 14px; } .nyhetsbrevboks h3 { font-size: 30px; line-height: 40px; } .nyhetsbrevboks h4 { font-size: 24px; line-height: 30px; } .nyhetsbrevboks input[type=email] { font-size: 18px; } .baerekraftsmal ul li img { width: 70px; } .filtrering_by select, .filtrering_barekraft select, .filtrering_hvem select, .filtrering_dato input, .filtrering_arrangor select { width: 100%; float: none; margin-top: 5px; margin-bottom: 5px; } .page-template-arendalsuka .filtrering_by select, .page-template-arendalsuka .filtrering_barekraft select,.page-template-arendalsuka .filtrering_hvem select,.page-template-arendalsuka .filtrering_arrangor select { width: 100%; float: none; margin-top: 5px; margin-bottom: 5px; } .facetwp-facet { margin-bottom: 0px !important; } .video-background.forside_bilde .video-foreground, .mobil.forside_bilde { display: none; } .mobil.video { display: none; } .home .sidebygger {margin-top: 20px;} .arrangement .arrangementtittel { min-height: 230px; } .page-template-aktuelt .row_main .aktuelt .innhold p, .page-template-aktuelt .row_second .aktuelt .innhold p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .page-template-aktuelt .row_second .aktuelt .innhold, .single-post .row_second .aktuelt .innhold, #tmpjournalen .row_second .aktuelt .innhold, .page-template-aktuelt .row_main .aktuelt .innhold { height: 450px; } #tmpLanding .site-inner a { font-size: 10px; } #tmpLanding .tmpLanding_linker p.left img{ width: 15px; padding-top: 10px; } #tmpLanding .tmpLanding_linker p.left { margin-top: -10px; } #tmpLanding .site-inner h1 span { font-size: 30px; -webkit-text-stroke-width: 0.5px; } #tmpLanding .site-inner h1 { font-size: 45px; } #tmpLanding .bk_bunn p { font-size: 17px; } #tmpLanding #footer .tmpLanding_linker { grid-template-columns: 1fr 1fr; font-size: 14px; padding: 0px 5px; } #tmpLanding .bk { padding-bottom: 50px; } #tmpLanding .bk_bunn h3{ font-size: 24px; line-height: 33px; } } @media screen and (max-width: 700px) { .kontaktpersoner_2 { grid-template-columns: 100%; } .kontaktpersoner_2 .info { height: 180px; } } @media screen and (max-width: 591px) { .sidebygger .avsnitt { margin-top: 20px; margin-bottom: 20px; } .blimedknapp a { font-size: 12px; } .sidebygger .avsnitt .ramme_bedrift { width: 100%; } .page-template-aktuelt .row_main .aktuelt .innhold p, .page-template-aktuelt .row_second .aktuelt .innhold p { font-size: 16px; line-height: 26px; } .kontaktpersoner .person .info h4 { font-size: 18px; } .kontaktpersoner .person .info a, .kontaktpersoner .person .info p { font-size: 16px; } #tmpLanding .site-inner h1 span { font-size: 28px; -webkit-text-stroke-width: 0.5px; } #tmpLanding .site-inner h1 { font-size: 36px; } #tmpLanding .site-inner h2 { font-size: 30px; } #tmpLanding .accordion-container h2 { font-size: 24px !important; } } @media screen and (max-width: 413px) { .blimedknapp { display: none; } button#responsive-menu-pro-button { right: 12% !important; }} @media screen and (max-width: 359px) {} /* Print Styles ---------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: #333 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after,.site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 0px solid #999; page-break-inside: avoid; } .content,.content-sidebar { width: 100%; } button, input, select, textarea,.breadcrumb,.comment-edit-link,.comment-form,.comment-list .reply a,.comment-reply-title,.edit-link,.entry-comments-link,.entry-footer,.genesis-box,.header-widget-area,.hidden-print,.home-top,.nav-primary,.nav-secondary,.post-edit-link,.sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid;}}