/* Theme Name: Ocab Citadela Child Template: citadela Version: 1.12 Author:Klas Nivlin Author URI: Description: Tags: License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html */ /* typefaces */ /* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,90,450;0,90,650;0,100,400;0,100,700;1,90,650;1,100,400;1,100,700&display=swap'); */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,85,450;0,85,650;0,95,400;0,95,500;0,95,600;0,95,650;0,100,400;0,100,700;1,90,450;1,90.1,650;1,95,400;1,100,400;1,100,700&display=swap'); h5, h6 {font-family: "Open Sans" !important; } h1, h2 {font-family: "Open Sans" !important; font-stretch: 85% !important; font-weight:650 !important; } h3, h4 {font-family: "Open Sans" !important; font-stretch: 95% !important; font-weight:600 !important; color:#212626;} @supports (font-variation-settings: normal) { h1, h2 {font-variation-settings: "wght" 650, 'wdth' 85 !important; } h3, h4 {font-variation-settings: "wght" 600, 'wdth' 95 !important; color:#212626;} p {font-variation-settings: "wght" 400, 'wdth' 95; color:#212626;} p bold, p strong {font-variation-settings: "wght" 600, 'wdth' 95; } } a, a:visited, a:focus {color:#f5cc49;} a:hover {text-decoration: none !important;} body {font-family: "Open Sans" !important; } .single-post .site-main .type-post .post-thumbnail, .page .site-main .type-page .post-thumbnail {display:none;} .mixblend {mix-blend-mode: multiply;} .centerit {text-align: center !important;} .citadelaFancyboxElement {cursor: zoom-in;} .underlined {color: #212626 !important; border-bottom: 2px solid #f5cc49; } /*. Header. */ #masthead {max-height:100px;} .site-header .grid-main {z-index:890 !important;} .main-navigation ul ul ul {z-index:930 !important;} .site-branding {padding-top: 27px !important; padding-left:10px !important;} .site-branding .logo-wrapper img {width:110px; height:auto;} .site-branding .text-logo {display:none !important;} .site-header {background-color: #ffffff !important;} .header-color-overlay .site-header:before {background-color: transparent!important;} .site-content {-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important;} .classic-theme-layout:not(.page-fullwidth) .site-header {-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important;} /* popup-box för brådskande. */ .bradskande {position:absolute; bottom:0px; left:0px; width:100%; height:100px; } .header-scrolled .bradskande {display:none;} .toggle-label {display: block; cursor: pointer; padding-right: 30px; position: absolute; top: 0; right: 0;z-index:105;} .toggle-label:before {content:" "; position:absolute; top:10px; right:10px; display:block; width:60px; height:60px; background-image: url("../../uploads/ocab-close-white.svg"); background-size: contain; background-repeat: no-repeat; } .bradskande .jour-no-scroll {display:none; position:absolute; bottom:0px; left:0px; width:100%; height:108px; background-color:#fcf0c8; padding:10px 20px; z-index:100;} .close {display: none; position: absolute;top: 0;right: 0;} #toggle:not(:checked) ~ .jour-no-scroll {display: block;} #toggle:not(:checked) ~ .close {display: block;} .bradskande input[type="checkbox"]:checked {display: none;} .bradskande input[type="checkbox"]:checked + label {display: none;} .jour-no-scroll .jouricon-kn {width:80px; display:inline-block;} .jour-no-scroll .jouricon-kn img {width:60px;} .jour-no-scroll .jourtext-kn {width:400px; display:inline-block; vertical-align:top; padding-top:8px;} .jour-no-scroll .jourtext-kn p {font-variation-settings: "wght" 400, 'wdth' 95; font-stretch: 95% !important; font-weight:400 !important; color:#212626; font-size:16px; line-height:22px; margin-bottom:0;} .jour-no-scroll .jourtext-kn p span.fettext-kn {font-variation-settings: "wght" 600, 'wdth' 95; font-stretch: 95% !important; font-weight:600 !important; color:#212626; font-size:18px; line-height:22px;} .jour-no-scroll .jourtext-kn p a {color:#212626; border-bottom:2px solid #f5cc49;} @media only screen and (max-width: 550px) { .jour-no-scroll .jouricon-kn {width:60px; display:inline-block;} .jour-no-scroll .jourtext-kn {width:calc(100% - 130px); } .bradskande .jour-no-scroll {padding:20px 10px;} .toggle-label:before {right:0px; width:50px; height:50px; } } @media only screen and (max-width: 440px) { .jour-no-scroll .jourtext-kn {width:calc(100% - 100px); } .jour-no-scroll .jourtext-kn p {line-height: 19px; font-size: 12px;} .jour-no-scroll .jourtext-kn p span.fettext-kn {font-size:15px;} } /* NAVIGATION */ body:not(.mobile-screen-width).classic-header-layout .site-header .grid-main, body:not(.mobile-screen-width).center-header-layout .site-header.is-sticky .grid-main {max-width: 2600px !important;} body:not(.mobile-screen-width).classic-header-layout .site-header, body:not(.mobile-screen-width).center-header-layout .site-header.is-sticky {padding-left: 30px !important; padding-right: 30px !important;} body:not(.responsive-menu):not(.mobile-screen-width) .main-navigation .citadela-menu-container > ul > li:hover > a, body:not(.responsive-menu):not(.mobile-screen-width) .main-navigation .citadela-menu-container > ul > li > a:focus, body:not(.responsive-menu):not(.mobile-screen-width) .main-navigation .citadela-menu-container > ul > li.opened > a {background: none;} body:not(.responsive-menu):not(.mobile-screen-width) .main-navigation .citadela-menu-container > ul ul a:hover, body:not(.responsive-menu):not(.mobile-screen-width) .main-navigation .citadela-menu-container > ul ul a:focus { background: none; } .site-branding {display: inline-block !important; width: auto !important; max-width: 240px !important; text-align: left !important; padding-top:20px !important; padding-bottom:20px !important;} body:not(.responsive-menu):not(.mobile-screen-width).classic-header-layout .main-navigation {padding-top:30px !important;} .mobile-screen-width .site-header .site-branding {max-width: 240px !important;} .logo-wrapper {max-width:170px;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); top:93px; right:-30px;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-family: "Open Sans" !important; font-stretch: 85% !important; font-weight:650 !important; line-height:20px !important; } #mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link .mega-description-group .mega-menu-description {font-family: "Open Sans" !important; font-stretch: 95% !important; font-weight:400 !important; font-style:normal;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {margin:0 !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83631 {width:calc(100% + 30px) !important;} li#mega-menu-item-83631 .mega-menu-title span.smalljour-kn {font-stretch: 95% !important; font-weight:400 !important; font-style:normal; font-size:14px !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83635 .mega-search input[type=text] {text-align:center; font-style:italic;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83635 .mega-search input::placeholder {text-align:right; font-size:16px; color:#212626; font-style:italic;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83635 .mega-search-wrap {z-index:980;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83635 .mega-search input {caret-color:#f5cc49;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link span.top, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link span.top {font-family: "Open Sans"; font-size:22px; line-height:30px; color:#f5cc49; display:inline-block; margin:0; padding:10px 0px 0px 0px; float:right; text-align:left; width:calc(100% - 90px);} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link span.notop, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link span.notop {font-family: "Open Sans"; font-size:14px; line-height:16px; color:#212626; display:inline-block; margin:0; padding:0; float:right; text-align:left; width:calc(100% - 90px);} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83635 .mega-search-wrap:after { content:url("../../uploads/searchshadow.png"); width: 200px; height: 5px; padding: 0px; display:inline-block; z-index:998; margin-top:-12px; vertical-align:top; } @media only screen and (min-width: 1440px) { #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {max-width:1400px; margin:0 auto; align-content: center; float:none;} } @media only screen and (min-width: 781px) { #mega-menu-wrap-main-menu {background:none !important;} } @media only screen and (max-width: 780px) { #masthead {max-height:86px;} .logo-wrapper {max-width: 120px !important;} .site-branding {padding-left: 20px !important; padding-right: 0; padding-top: 20px !important;} .main-navigation {top: 16px !important; right: 0px !important; width: auto; } #mega-menu-wrap-main-menu .mega-menu-toggle {margin-top:-10px;} #mega-menu-wrap-main-menu .mega-search-block {margin-right:6px !important;} #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {margin-top:-60px; z-index: 995;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-2 img {position:relative; z-index: 999; width:96px; min-width:96px; max-height:none !important; height:auto; margin-right:-20px; margin-top:-20px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search-wrap {z-index:998; width:50px; height:50px; margin-top:-10px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search input {caret-color:#f5cc49;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search {line-height:50px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search .search-icon {width:50px; height:50px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search .search-icon:before {height: 50px; width: 50px; line-height: 50px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search.mega-search-closed input[type=text] {width:50px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search input[type=text] {text-align:center; height:50px; line-height:50px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search input::placeholder {text-align:center; font-size:14px; color:#212626; font-style:italic;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589.mega-toggle-on > a.mega-menu-link:before, #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589 > a.mega-menu-link:hover:before, #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589 > a.mega-menu-link:active:before, #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589 > a.mega-menu-link:before {display:none;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589 > a.mega-menu-link {height:0px;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83631 {width:calc(100% + 20px) !important; margin-left:-10px !important; margin-bottom:-25px; padding:15px 0px;} #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item > ul.mega-sub-menu {display:block !important;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {width:48px; height:40px; background: rgba(255,255,255,0.8); border-radius: 4px; padding:4px !important; margin-top:-6px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {top:8px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {top:12px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {top:24px;} #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {transform: translate3d(0, 12px, 4px) rotate(45deg);} #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {transform: translate3d(0, -24px, 4px) rotate(-90deg);} #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-box {background: rgba(255,255,255,0.95); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top:-3px;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {background: #ffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {background: #ffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);} } @media only screen and (min-width: 781px) { #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589.mega-current-menu-item:not(.mega-remove-active-highlight) > a.mega-menu-link:before, #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589.mega-current-menu-ancestor:not(.mega-remove-active-highlight) > a.mega-menu-link:before, #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83589.mega-current-page-ancestor:not(.mega-remove-active-highlight) > a.mega-menu-link:before {background-image: url('//ocab.kip.se/wp-content/uploads/MENUE-ICON-default.svg');} } @media only screen and (max-width: 480px) { .logo-wrapper {max-width: 112px !important;} .site-branding {padding-left: 10px !important; padding-right: 0px !important; padding-bottom:21px !important; } #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search input[type=text] {width:130px;} #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-search-wrap {margin-right:-10px !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding:15px 10px 15px 10px;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {padding: 0px 0px 0px 0px;} #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-83631 > a.mega-menu-link {padding-left:18px;} } /*. HERO. */ /* .hero-kn {width:calc(100% + 80px) !important; margin-left:-40px !important; left:0% !important; max-height: 640px; padding-left:0px !important; padding-right: 0px !important; overflow:hidden;} .hero-kn img {object-fit: cover; } .herostart-kn {width:calc(100% + 80px) !important; margin-left:-40px !important; left:0% !important; max-height: 640px; padding-left:0px !important; padding-right: 0px !important; overflow:hidden;} .herostart-kn img {object-fit: cover; } */ .hero-kn {width:calc(100% + 80px) !important; margin-left:-40px !important; left:0% !important; padding-left:0px !important; padding-right: 0px !important; } .hero-kn img {object-fit: cover; } .herostart-kn {width:calc(100% + 80px) !important; margin-left:-40px !important; left:0% !important; padding-left:0px !important; padding-right: 0px !important; margin-top:0 !important; } .herostart-kn img {object-fit: cover; } .heromap-kn {padding-left:0px !important; padding-right:0px !important;} .hero-kn-h1-center {position:relative; margin-top:-440px; color:#ffffff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.15); padding:0 20px; z-index:20; font-size: 54px !important;} .hero-kn-text-center {max-width:900px; margin: 0 auto; position:relative; font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:450 !important; font-size:22px !important; line-height:28px !important; color:#ffffff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.15); padding:0 20px; z-index:20; margin-bottom:400px;} .blog .hero-kn-text-center {margin-bottom:300px;} .herolow-kn .page-title {padding-top:120px !important; padding-bottom:0px !important; margin-bottom:0px !important;} .hero-kn-text-center a {position:relative; display: inline-block; width:280px; padding:14px 0 15px; background-color: #0163ac; border-radius:10px !important; color:#ffffff; text-align: center; font-stretch: 85% !important; font-weight:650 !important; margin-top:80px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0); } .hero-kn-text-center a:hover {color:#212626; background-color: #f5cc49; } .site-content .page-title .entry-header h1, .site-content .page-title .entry-header h1 .main-text {text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.15); z-index:20;} .search .site-content .custom .entry-header h1, .search .site-content .custom .entry-header h1 .main-text {color:#ffffff !important;} .search .site-content .sokbox-kn .custom .entry-header h1, .search .site-content .sokbox-kn .custom .entry-header h1 .main-text {color:#212626 !important;} .search .site-content .custom .entry-header h1 .main-data {font-size: 54px;} .search .site-content .custom .entry-header h1 .main-text {font-size: 14px;} .ctdl-default-search-results .no-results .page-content:before, .search-no-results .no-results .page-content:before {display:none !important;} .ctdl-default-search-results .no-results .page-content p {position:relative; font-size: 28px; color:#ffffff !important; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.15); z-index:20; margin-top:-300px; margin-bottom:200px;} /* .search-no-results .no-results .page-content p {position:relative; font-size: 28px; color:#212626 !important; z-index:20; margin-bottom:40px;} */ .topblock-kn {max-width:1200px; margin: -440px auto 0px; position:relative; z-index:20;} .topblock-kn h1 {color:#ffffff; padding:0 20px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.15); font-size:54px !important;} .topbox-kn {position:relative; border-radius:12px !important; padding:30px 40px 20px 40px; background-color: #ffffff;} .topbox-kn h2 {font-size:28px !important; line-height:36px !important; border-top: 8px solid #0163ac; padding-top:20px; margin-bottom:8px;} .b2b-kn h2 {border-top: 8px solid #f5cc49;} .topbox-kn .kontaktlank-kn a {position:relative; display: inline-block; width:100%; padding:14px 0 15px; background-color: #0163ac; border-radius:10px !important; color:#ffffff; text-align: center; font-stretch: 85% !important; font-weight:650 !important; font-variation-settings: "wght" 650, 'wdth' 85; } .b2b-kn .kontaktlank-kn a {background-color: #142943; color:#ffffff; } .topbox-kn .kontaktlank-kn a:hover {color:#212626; background-color: #f5cc49; } .lowbox-kn {margin-bottom:120px;} .startblock-kn {margin: -500px auto 0px; } /* @media only screen and (min-width: 1300px) and (max-width: 1450px) { .hero-kn img {transform: translate(0%, -10%);} .herostart-kn img {transform: translate(0%, -10%);} } @media only screen and (min-width: 1450px) { .hero-kn img {transform: translate(0%, -25%);} .herostart-kn img {transform: translate(0%, -25%);} } */ @media only screen and (min-width: 1650px) { .hero-kn {max-height: 80vh !important; overflow:hidden;} .herostart-kn {max-height: 80vh !important; overflow:hidden;} } @media only screen and (min-width: 1651px) { .topblock-kn, .hero-kn-h1-center, .startblock-kn {margin: -600px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -480px auto 420px; } .ctdl-default-search-results .no-results .page-content p {margin-top:-360px;} } @media only screen and (min-width: 1451px) and (max-width: 1650px) { .topblock-kn, .hero-kn-h1-center, .startblock-kn {margin: -560px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -440px auto 380px; } .herolow-kn .page-title {padding-top:160px !important; padding-bottom:40px !important;} } @media only screen and (min-width: 1301px) and (max-width: 1450px) { .topblock-kn, .hero-kn-h1-center, .startblock-kn {margin: -540px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -400px auto 340px; } } @media only screen and (max-width: 1300px) { .topblock-kn {max-width:none; margin: -440px auto 0px; position:relative; z-index:20;} } @media only screen and (min-width: 1101px) and (max-width: 1300px) { .page-id-74 .hero-kn-h1-center {margin: -340px auto 290px; } .ctdl-default-search-results .no-results .page-content p {margin-top:-280px;} } @media only screen and (min-width: 931px) and (max-width: 1100px) { .page-id-74 .hero-kn-h1-center {margin: -300px auto 240px; } .ctdl-default-search-results .no-results .page-content p {margin-top:-260px;} } @media only screen and (min-width: 891px) and (max-width: 1050px) { .herostart-kn {min-height: 540px;} .herostart-kn img {min-height: 540px; } } @media only screen and (min-width: 861px) and (max-width: 930px) { .topblock-kn, .hero-kn-h1-center, .startblock-kn {margin: -420px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -260px auto 210px; } .topblock-kn h1, .search .site-content .custom .entry-header h1 .main-data, .hero-kn-h1-center {font-size:48px !important;} .ctdl-default-search-results .no-results .page-content p {margin-top:-200px;} .lowbox-kn {margin-bottom:60px;} } @media only screen and (min-width: 821px) and (max-width: 860px) { .topblock-kn, .hero-kn-h1-center, .startblock-kn {margin: -400px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -240px auto 190px; } .topblock-kn h1, .search .site-content .custom .entry-header h1 .main-data, .hero-kn-h1-center {font-size:48px !important;} .ctdl-default-search-results .no-results .page-content p {margin-top:-180px;} .lowbox-kn {margin-bottom:20px;} } @media only screen and (min-width: 782px) and (max-width: 820px) { .topblock-kn, .hero-kn-h1-center, .startblock-kn {margin: -390px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -220px auto 160px; } .topblock-kn h1, .search .site-content .custom .entry-header h1 .main-data, .hero-kn-h1-center {font-size:48px !important;} .blog .hero-kn-text-center {margin-bottom:220px;} .ctdl-default-search-results .no-results .page-content p {margin-top:-180px;} .lowbox-kn {margin-bottom:0px;} } @media only screen and (min-width: 782px) and (max-width: 890px) { .herostart-kn {min-height: 540px;} .herostart-kn img {min-height: 540px; } } @media only screen and (max-width: 781px) { .topblock-kn, .startblock-kn {margin: -260px auto 0px; } .hero-kn-h1-center {margin: -300px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -200px auto 140px; } .topblock-kn h1 {text-align:center; margin-bottom:20px; font-size:36px !important;} .search .site-content .custom .entry-header h1 .main-data, .hero-kn-h1-center {font-size:36px !important;} .ctdl-default-search-results .no-results .page-content p {margin-top:-100px; font-size:24px; margin-bottom:100px;} .blog .hero-kn-text-center {margin-bottom:150px;} .lowbox-kn {margin-bottom:0px;} } @media only screen and (max-width: 600px) { .topblock-kn, .startblock-kn {margin: -360px auto 0px; } .hero-kn-h1-center {margin: -360px auto 0px; } .page-id-74 .hero-kn-h1-center {margin: -260px auto 210px; } .hero-kn {min-height: 400px; width:calc(100% + 40px) !important; margin-left:-20px !important; } .low-kn {min-height: 240px; width:calc(100% + 40px) !important; margin-left:-20px !important; } .hero-kn img {min-height: 400px; } .low-kn img {min-height: 240px; } .herostart-kn {min-height: 440px; width:calc(100% + 40px) !important; margin-left:-20px !important;} .herostart-kn img {min-height: 440px; } .hero-kn-text-center {font-size:20px !important; line-height:26px !important;} .hero-kn-text-center a {margin-top:60px; } .blog .hero-kn-h1-center {font-size:34px !important;} .search .site-content .custom .entry-header h1 .main-data, .hero-kn-h1-center {font-size:34px !important;} .topbox-kn h2 {font-size:24px !important; line-height:32px !important; } .search .hero-kn-h1-center {margin:-340px auto -60px;} .ctdl-default-search-results .no-results .page-content p {margin-top:-120px; font-size:24px;} } @media only screen and (max-width: 781px) { .topbox-kn {padding:20px 30px 10px 30px;} } /* HITTA SERVCIECENTER */ .sokbox-kn {position:relative; margin:-60px auto 60px; border-radius:12px !important; z-index:20; padding:30px 40px 20px 40px; background-color: #ffffff; max-width:980px;} .sokbox-kn h1 {font-size:28px !important; line-height:36px !important; border-top: 8px solid #0163ac; padding-top:20px; margin-bottom:10px;} .sokbox-kn h2 {font-size:28px !important; line-height:36px !important; border-top: 8px solid #0163ac; padding-top:20px; margin-bottom:10px;} .sokbox-kn p {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:400 !important; font-size:22px !important; line-height:28px !important; } .sok-inline {max-width:980px;} .sokbox-kn .ctdl-item-contact-details .cd-info {vertical-align:baseline; border-top:2px solid #f5cc49; padding-top:8px;} .sokbox-kn .ctdl-item-contact-details .cd-info .cd-label p {font-family:"Open Sans" !important; font-size:12px !important; line-height:18px !important; font-stretch: 90% !important; font-weight:600 !important;} .sokbox-kn .ctdl-item-contact-details .cd-info .cd-data p {font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:400 !important; padding-top:3px; color:#222222; opacity:1;} .sokbox-kn .ctdl-item-contact-details .cd-info .cd-data p a {color:#142943;} .sokbox-kn .ctdl-item-contact-details .cd-info .cd-data p a:hover {opacity:0.7;} .sok-kn {background-color: #f5f4f3; border-radius:10px; padding: 0px 10px 6px 0px;} .sok-kn .data-type-1 .input-container {background:transparent !important; border: none !important; border-bottom:2px solid #f5cc49 !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important; border-radius: 0px !important;} .sok-kn .data-type-1 .input-container label:before {display:none;} .sok-kn .data-type-1 .input-container .input-data {padding-left:10px !important;} .soktitel-kn .page-title {padding-top:30px !important; padding-bottom:0 !important; padding-left:10px; max-width:980px; margin:0px auto;} .soktitel-kn .page-title .entry-icon, .soktitel-kn .page-title .entry-subtitle {display:none;} .soktitel-kn .page-title .entry-title {font-size:28px !important; line-height:36px !important; padding-left:0 !important; padding-top:30px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0) !important; color:#212626 !important;} .archive .soktitel-kn .page-title .entry-title:before {content:"Du har valt region:"; position:absolute; top:16px; left:2px; display:block; font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; color:#142943; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0) !important;} .soktitel-kn .page-title .entry-title .main-data {font-size:28px !important; line-height:36px !important; padding-left:0 !important; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0) !important; color:#212626 !important;} .site-content .soktitel-kn .page-title .entry-header h1 .main-text {font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0) !important; color:#212626 !important; margin-bottom:0px; letter-spacing: 0em; text-transform: none;} .sokefter-kn {margin: 20px auto 20px; max-width:none;} @media only screen and (max-width: 781px) { .sokbox-kn {padding:20px 30px 10px 30px;} } @media only screen and (max-width: 640px) { .sok-kn .data-type-1 .input-container {width:calc(100% + 4px); max-width:calc(100% + 4px);} .sokbox-kn {margin:-60px auto 20px;} } @media only screen and (max-width: 400px) { .ctdl-directory-similar-items.layout-box .item-content .item-body, .ctdl-directory-items-list.layout-box .item-content .item-body, .ctdl-directory-search-results.layout-box .item-content .item-body, .ctdl-posts-search-results.layout-box .item-content .item-body, .ctdl-blog-posts.layout-box .item-content .item-body, .ctdl-posts.layout-box .item-content .item-body {padding: 0px 20px;} } .ctdl-automatic-directory-google-map .infoBox .infobox-content, .ctdl-directory-google-map .infoBox .infobox-content, .ctdl-posts-map .infoBox .infobox-content, .ctdl-automatic-posts-map .infoBox .infobox-content {min-height:80px !important;} .ctdl-automatic-directory-google-map .infoBox .infobox-title, .ctdl-directory-google-map .infoBox .infobox-title, .ctdl-posts-map .infoBox .infobox-title, .ctdl-automatic-posts-map .infoBox .infobox-title {font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; color:#142943;} .ctdl-automatic-directory-google-map .infoBox p, .ctdl-directory-google-map .infoBox p, .ctdl-posts-map .infoBox p, .ctdl-automatic-posts-map .infoBox p {font-family:"Open Sans" !important; font-size:13px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:400 !important; } .ctdl-automatic-directory-google-map .infoBox .item-data > a, .ctdl-directory-google-map .infoBox .item-data > a, .ctdl-posts-map .infoBox .item-data > a, .ctdl-automatic-posts-map .infoBox .item-data > a {font-family:"Open Sans" !important; font-size:13px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:650 !important; } /* MAP Geoicon styling */ .fa-map-label {} .fa-map-label .fa-map-label-marker {} .ctdl-automatic-directory-google-map .fa-map-label .fa-map-label-marker, .ctdl-directory-google-map .fa-map-label .fa-map-label-marker, .ctdl-posts-map .fa-map-label .fa-map-label-marker, .ctdl-automatic-posts-map .fa-map-label .fa-map-label-marker {background: #f5cc49;} .fa-map-label > i {} /* END MAP ICON STYLING */ .single .servicekolumn-kn {margin-top:-60px;} .single .artikeltext-kn .page-title {padding-bottom:0 !important;} .single .artikeltext-kn .page-title .entry-header {margin-bottom:8px !important;} .single .artikeltext-kn .page-title .entry-title {font-size:28px !important; line-height:36px !important; padding-left:0 !important; padding-top:30px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0); color:#212626 !important; } .single .artikeltext-kn .page-title .entry-title:before {content:"Du har valt servicekontor:"; position:absolute; top:20px; left:2px; display:block; font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; color:#142943; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0); } .single .artikeltext-kn .servicetexten-kn h2 {font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important;} .single .artikeltext-kn {position:relative; border-radius:12px !important; padding:30px 30px 14px 30px; background-color: #fcf0c8;} .single .servicekontakt-kn {position:relative; border-radius:12px !important; padding:20px 30px 14px 30px; background-color: #ffffff;} .single .artikeltext-kn h1, .single .servicekontakt-kn h2 {font-size:24px !important; line-height:28px !important; border-top: 8px solid #f5cc49; padding-top:20px; margin-bottom:0px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0); color:#212626;} .single .artikeltext-kn .servicetexten-kn h2 {font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important;} .single .artikeltext-kn .servicecenter-tjanster-kn h3 {display: inline-block; text-transform: uppercase; font-stretch: 95% !important; font-weight:600 !important; font-size: 0.7em; letter-spacing: 0; margin-right: 6px;} .single .artikeltext-kn .servicecenter-tjanster-kn .tjanster-listing {} .single .artikeltext-kn .cd-info {border-top: 2px solid #f5cc49; padding-top:4px; } .single .artikeltext-kn .cd-data {font-family:"Open Sans" !important; font-size:13px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:650 !important; padding-top:4px; } .single .artikeltext-kn a {color:#142943; border-bottom: 2px solid #f5cc49;} .single .artikeltext-kn a:hover {color:#f5cc49; } .single .ctdl-item-contact-details a {color:#142943; border-bottom: 2px solid transparent;} .single .ctdl-item-contact-details a:hover {color:#f5cc49; } .single .servicekontakt-kn .contact-form {padding-top: 20px;} .single .servicekontakt-kn .input-container:not(.sf-button) label {display:block; font-family:"Open Sans" !important; font-size:13px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; color:#142943; padding-bottom:6px;} .single .servicekontakt-kn .input-container:not(.sf-button) input[type="text"], .single .servicekontakt-kn .input-container:not(.sf-button) input[type="email"], .single .servicekontakt-kn .input-container:not(.sf-button) textarea {background-color: #f5f4f3; border: none !important; border-color: rgba(34, 34, 34, 0.0); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:450 !important; font-style: italic; font-size: 16px;} .single .servicekontakt-kn .input-container:not(.sf-button) textarea {height:100px;} .single .servicekontakt-kn .input-container button[type="submit"] {border-radius: 10px !important; background-color: #0163ac !important; border-color: #0163ac !important; color: #ffffff !important; fill: #ffffff !important; width:100% !important; height:48px !important; font-size:15px !important;} .oppet-kn {position:relative; border-radius:12px !important; padding:20px 30px 14px 30px; background-color: #ffffff; margin-top:16px;} .oppet-kn h2 {font-family:"Open Sans" !important; font-size:13px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; border-bottom: 8px solid #f5cc49; padding-bottom:8px; } .oppet-kn p {font-family:"Open Sans" !important; font-weight:400 !important; font-stretch: 95%; color:#222222 !important; font-size:16px; letter-spacing: 0em !important; padding-top:20px; } .oppet-kn p strong {text-transform:uppercase; letter-spacing: 0.03em; font-stretch: 95% !important; font-size:12px !important; } .oppet-kn2 {position:relative; border-radius:12px !important; padding:20px 30px 14px 30px; background-color: #ffffff; margin-top:16px;} .oppet-kn2 h2 {font-family:"Open Sans" !important; font-size:13px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; border-bottom: 8px solid #f5cc49; padding-bottom:8px; } .oppet-kn2 p {font-family:"Open Sans" !important; font-weight:400 !important; font-stretch: 90%; color:#222222 !important; font-size:16px; letter-spacing: 0em !important; padding-top:20px; } .oppet-kn2 p:first-of-type {margin-bottom:0px;} .oppet-kn2 p:last-of-type {padding-top:0px;} .oppet-kn2 p strong {text-transform:uppercase; letter-spacing: 0.03em; font-stretch: 95% !important; font-size:12px !important; } .all-list-kn {display:none;} .oppet-kn2 {display:none;} .postid-64 .oppet-kn, .postid-66 .oppet-kn, .postid-68 .oppet-kn, .postid-72 .oppet-kn, .postid-83800 .oppet-kn {display:none;} .postid-64 .oppet-kn2, .postid-66 .oppet-kn2, .postid-68 .oppet-kn2, .postid-72 .oppet-kn2, .postid-83800 .oppet-kn2 {display:block;} .search .sokbox-kn .page-title .entry-title {padding-top:10px; } .search .sokbox-kn .page-title .entry-title:before {display:none; } .search .sokbox-kn .page-title .entry-header h1 .main-text {margin-bottom:8px; padding-left:2px; color:#142943 !important; font-size:14px; line-height:18px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0) !important; } .ctdl-directory-search-form .input-container.keyword input[type="text"], .ctdl-posts-search-form .input-container.keyword input[type="text"] {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:450 !important; font-style: italic; height:54px !important; font-size:22px !important; } .ctdl-directory-search-form .input-container.keyword input::placeholder, .ctdl-posts-search-form .input-container.keyword input::placeholder {font-size:22px !important; color:#142943;} @supports (font-variation-settings: normal) { .ctdl-directory-search-form .input-container.keyword input[type="text"], .ctdl-posts-search-form .input-container.keyword input[type="text"] {font-variation-settings: "wght" 400, 'wdth' 95 !important;} } .ctdl-directory-categories-list .folder-card .folder-description, .ctdl-directory-locations-list .folder-card .folder-description, .ctdl-directory-search-form .input-container.sf-button button, .ctdl-posts-search-form .input-container.sf-button button, .ctdl-directory-search-form .input-container.geolocation .geolocation-radius .label, .ctdl-posts-search-form .input-container.geolocation .geolocation-radius .label {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:450 !important;} .ctdl-directory-search-form:not(.layout-collapsed) .search-form, .ctdl-posts-search-form:not(.layout-collapsed) .search-form {border-radius: 10px;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.category.input-disabled:not(.input-focused), .ctdl-posts-search-form.layout-collapsed.border-thick .input-container.category.input-disabled:not(.input-focused), .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.location.input-disabled:not(.input-focused), .ctdl-posts-search-form.layout-collapsed.border-thick .input-container.location.input-disabled:not(.input-focused), .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused), .ctdl-posts-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {border-radius: 40px !important;} .ctdl-directory-search-form .input-container.sf-button button, .ctdl-posts-search-form .input-container.sf-button button {border-radius: 10px !important; background-color: #0163ac !important; border-color: #0163ac !important; color: #ffffff !important; width:80px !important; height:50px !important; font-size:16px !important; font-variation-settings: "wght" 650, 'wdth' 85;} .ctdl-directory-search-form .input-container.sf-button button:hover, .ctdl-posts-search-form .input-container.sf-button button:hover {background-color: #f5cc49 !important; border-color: #f5cc49 !important; color: #212626 !important;} .ctdl-directory-search-form.layout-collapsed .input-container:not(.sf-button), .ctdl-posts-search-form.layout-collapsed .input-container:not(.sf-button) {background: transparent !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important; } .sok-kn .data-type-2 .input-container {border: none !important; height:50px !important;} .sok-kn .data-type-2 {position:relative; width:calc(100% - 100px); text-align:left;} .sok-kn .data-type-2 .input-container {position:relative;} .ctdl-directory-search-form .input-container.input-disabled:not(.input-focused) label {color:#142943 !important; line-height:40px;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.location.input-disabled:not(.input-focused) {width:200px !important;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:200px !important;} .ctdl-directory-search-form.layout-collapsed.radius-opened .input-container.geolocation .geolocation-toggle {width:230px !important;} .ctdl-directory-search-form .input-container.category .input-data, .ctdl-posts-search-form .input-container.category .input-data, .ctdl-directory-search-form .input-container.location .input-data, .ctdl-posts-search-form .input-container.location .input-data, .ctdl-directory-search-form .input-container.geolocation .input-data, .ctdl-posts-search-form .input-container.geolocation .input-data {z-index:45;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.location.input-disabled:not(.input-focused):after {content:"Välj landskap"; position:absolute; top:17px; left:50px; display:block; font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; color:#142943; z-index:40; } .ctdl-directory-search-form .input-container.location label:before, .ctdl-posts-search-form .input-container.location label:before {content:" " !important; position:absolute; top:18px; right:2px; display:block; width:32px; height:32px; background-image: url("../../uploads/search-map.svg"); background-size: contain; } .ctdl-directory-search-form .input-container.geolocation label:before {content:" " !important; position:absolute; top:18px; left:18px; display:block; width:32px; height:32px; background-image: url("../../uploads/search-location.svg"); background-size: contain; } .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused):after {content:"eller sök nära dig"; position:absolute; top:17px; left:42px; display:block; font-family:"Open Sans" !important; font-size:16px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; color:#142943; z-index:40; } .ctdl-directory-search-form .input-container.geolocation.input-disabled .geolocation-toggle, .ctdl-posts-search-form .input-container.geolocation.input-disabled .geolocation-toggle {width: 240px !important;} .cd-gps {display:none;} /* sök enbart plats */ .ctdl-directory-search-form .data-type-1 {display:none !important;} .sok-kn {background-color: #f5f4f3; border-radius:10px; padding: 10px 10px 6px 0px;} .ctdl-directory-search-form .input-container label, .ctdl-posts-search-form .input-container label, .ctdl-directory-search-form .input-container.geolocation label {overflow:visible !important;} .ctdl-directory-search-form .input-container.category, .ctdl-directory-search-form .input-container.location {width:240px;} /* SÖK ENBART PLATS KLAR */ .data-type-2 .category {display:none !important;} .ctdl-directory-similar-items .item-content .item-title .post-title, .ctdl-directory-items-list .item-content .item-title .post-title, .ctdl-posts-search-results .item-content .item-title .post-title, .ctdl-posts .item-content .item-title .post-title {font-family:"Open Sans" !important; font-stretch: 90% !important; font-weight:450 !important;} .ctdl-directory-search-form .input-container.geolocation .geolocation-radius .buttons-wrapper .submit-radius, .ctdl-posts-search-form .input-container.geolocation .geolocation-radius .buttons-wrapper .submit-radius {border-radius: 10px !important; background-color: #0163ac !important; border-color: #1420164ac943 !important; color: #ffffff !important; fill: #ffffff !important; } .ctdl-directory-search-form .input-container.geolocation .geolocation-radius .buttons-wrapper a {color: #142943 !important;} /* SÖK BARA GPS & bara landskap */ .enbart-geo .data-type-2 .location {display:none !important;} .enbart-geo.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused):after {content:"Hur långt bort vill du söka?"; } .enbart-geo.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:280px !important;} .sok-inline .input-container.geolocation.input-disabled .geolocation-toggle, .sok-inline .input-container.geolocation.input-disabled .geolocation-toggle {width: 240px !important;} .enbart-geo .input-container.geolocation.input-disabled .geolocation-toggle, .enbart-geo .input-container.geolocation.input-disabled .geolocation-toggle {width: 240px !important;} .enbart-landskap .data-type-2 .geolocation {display:none !important;} .margintop-30px {margin-top: 30px;} .margintop-25px {margin-top: 25px;} .margintop-20px {margin-top: 20px;} .sok-inline-annan-ort a {color:#0163ac !important; font-variation-settings: "wght" 650, 'wdth' 85 !important; font-stretch: 85% !important; font-weight: 650 !important;} .sok-inline-annan-ort a:hover {color:#142943;} @media only screen and (max-width: 660px) { .sok-kn .data-type-2 {position:relative; width:calc(100% - 130px); text-align:left;} .ctdl-directory-search-form.layout-collapsed .input-container.sf-button, .ctdl-posts-search-form.layout-collapsed .input-container.sf-button { margin-left: 0px !important; margin-right:0px !important; max-width: 100% !important; width:100% !important;} .ctdl-directory-search-form .data-submit {display:inline-block; width:100%;} .ctdl-directory-search-form .input-container.sf-button button, .ctdl-posts-search-form .input-container.sf-button button {width:100% !important; height:50px !important; } .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:100% !important;} .ctdl-directory-search-form .input-container .directory-search-form-select__menu {z-index:50; margin-left:12px !important; } .sok-kn .data-type-2 {position:relative; width:100%; text-align:left;} .ctdl-directory-search-form.layout-collapsed .input-container.sf-button, .ctdl-posts-search-form.layout-collapsed .input-container.sf-button { margin-left: 20px !important; margin-right:0px !important; max-width: 100% !important; width:100% !important; margin-top:20px;} .ctdl-directory-search-form .data-submit {flex: 1 1 auto;flex-basis: 100%;display: block;} .ctdl-directory-search-form .input-container.sf-button button, .ctdl-posts-search-form .input-container.sf-button button {width:calc(100% - 30px) !important; height:50px !important; } .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.location.input-disabled:not(.input-focused) {width:48% !important;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:47% !important;} .ctdl-directory-search-form .input-container .directory-search-form-select__menu {z-index:50; margin-left:12px !important; } .enbart-geo.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:280px !important;} } @media only screen and (max-width: 460px) { .sok-kn .data-type-2 {position:relative; width:100%; text-align:left;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.location.input-disabled:not(.input-focused) {width:100% !important;} .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:100% !important;} .ctdl-directory-search-form .input-container.geolocation.input-disabled .geolocation-toggle, .ctdl-posts-search-form .input-container.geolocation.input-disabled .geolocation-toggle {width: 200px !important;} .ctdl-directory-search-form.layout-collapsed .input-container.sf-button, .ctdl-posts-search-form.layout-collapsed .input-container.sf-button { margin-left: 20px !important; margin-right:0px !important; max-width: 100% !important; width:100% !important; margin-top:20px;} .ctdl-directory-search-form .data-submit {flex: 1 1 auto; flex-basis: 100%; display: block; width:100%} .ctdl-directory-search-form .input-container.sf-button button, .ctdl-posts-search-form .input-container.sf-button button {width:calc(100% - 30px) !important; height:50px !important; } .ctdl-directory-search-form.layout-collapsed.border-thick .input-container.geolocation.input-disabled:not(.input-focused) {width:100% !important;} .ctdl-directory-search-form .input-container .directory-search-form-select__menu {z-index:50; margin-left:12px !important; } } .local-kategori {margin:60px auto 20px; max-width:980px;} .local-kategori .citadela-block-articles-wrap :nth-child(1) { order: 1; } .local-kategori .citadela-block-articles-wrap :nth-child(6) { order: 2; } .local-kategori .citadela-block-articles-wrap :nth-child(2) { order: 3; } .local-kategori .citadela-block-articles-wrap :nth-child(5) { order: 4; } .local-kategori .citadela-block-articles-wrap :nth-child(4) { order: 5; } .local-kategori .citadela-block-articles-wrap :nth-child(3) { order: 6; } .local-kategori .folder-header, .local-kategori .folder-description {display:none !important;} .local-kategori .folder-card {background-color:#f5cc49; border-radius: 10px !important; padding:20px 20px 16px 20px; position:relative; flex: 0 1 300px; gap: 20px; margin:0 !important;} .local-kategori .folder-title {font-family:"Open Sans" !important; font-size:24px !important; line-height:28px !important; font-stretch: 95% !important; font-weight:600 !important; padding-top:14px; font-variation-settings: "wght" 600, 'wdth' 95; } .local-kategori .folder-title:before {content:"Välj huvudregion: "; position:absolute; top:18px; left:22px; display:block; font-family:"Open Sans" !important; font-size:14px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important; font-variation-settings: "wght" 600, 'wdth' 95;} .local-kategori .folder-title:after {content:" "; position:absolute; top:16px; right:20px; display:block; width:55px; height:55px; background-image: url("../../uploads/GEO-ICON.svg"); background-size: contain;} .local-kategori .citadela-block-articles-wrap {align-items: center; justify-content: center !important;} .local-kategori a:hover .folder-card .folder-title, .local-kategori a:hover .folder-card .folder-title, .local-kategori a:hover .folder-card .folder-title, .local-kategori a:hover .folder-card .folder-title {color:#343434 !important;} .resultat-sok-kn .item-content {border:none !important; background-color: #fcf0c8; border-radius: 12px !important;} .resultat-sok-kn .item-content .item-title {background-color:#f5cc49; border-radius: 10px !important; padding:20px 20px 16px 20px; position:relative;} .resultat-sok-kn .item-content .post-title {font-family:"Open Sans" !important; font-size:24px !important; line-height:28px !important; font-stretch: 95% !important; font-weight:600 !important; padding-top:14px;} .resultat-sok-kn .item-content .post-title:before {content:"Välj serviceställe: "; position:absolute; top:18px; left:22px; display:block; font-family:"Open Sans" !important; font-size:14px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:600 !important;} .resultat-sok-kn .item-content .post-title:after {content:" "; position:absolute; top:16px; right:20px; display:block; width:55px; height:55px; background-image: url("../../uploads/GEO-ICON.svg"); background-size: contain;} .resultat-sok-kn .item-content.item-description p {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:400 !important;} .resultat-sok-kn .item-content .item-data {border-color:transparent !important;} .resultat-sok-kn .item-content .address {border-top:2px solid #f5cc49 !important;} .resultat-sok-kn .item-content .item-data .label {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:600 !important;} .resultat-sok-kn .item-content .item-data .values {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:400 !important; color:#212626;} .resultat-sok-kn .item-content .item-data.categories {padding-top: 12px !important;} .resultat-sok-kn .item-content .item-data.categories .value {border-left: none !important; margin-left:16px; margin-right:20px;} .resultat-sok-kn .item-content .item-data.categories .value:before {content: "\f124"; display: inline-block; position: relative; margin-left: -30px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 15px; color:#142943; padding-right:6px; } .archive .page-title .entry-header h1 span.main-data {color:#222222 !important; text-shadow: none !important; font-stretch: 75%;} .ctdl-item-opening-hours .citadela-block-note {font-size:1.5em !important; font-weight:800; font-stretch: 75%;} @media only screen and (max-width: 640px) { .local-kategori {margin:20px auto 20px;} } /* inline menyblock */ .innermenyholder-kn {max-width:980px; margin:0px auto 100px;} .innermenyholder-kn div {display:flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; align-content:flex-start; gap:10px 20px; text-aign:left;} .innermeny-kn {position:relative; flex:0 1 auto; min-width:48%; font-size:16px; font-stretch: 95% !important; font-weight:400 !important; font-variation-settings: "wght" 400, 'wdth' 95; padding-left:80px; padding-top:5px;} .innermeny-kn strong {font-size:22px; font-stretch: 85% !important; font-weight:650 !important; font-variation-settings: "wght" 650, 'wdth' 85 !important; display:inline-block; } .wp-block-post-title a, .innermeny-kn > a { color: #212626 !important; } .innermeny-kn a, .innermeny-kn a:visited {color:#212626;} .innermeny-kn a:hover {color:#f5cc49;} .servicemeny-kn a:before {content:url("../../uploads/Calendar-ICON-light-blue.svg"); position:absolute; top:0px; left:10px; width:70px; display:inline-block; } .servicemeny-kn a:hover:before {content:url("../../uploads/Calendar-ICON-hoover-blue.svg"); } .fuktmeny-kn a:before {content:url("../../uploads/Drop-ICON-light-blue.svg"); position:absolute; top:0px; left:10px; width:70px; display:inline-block;} .fuktmeny-kn a:hover:before {content:url("../../uploads/Drop-ICON-hover-blue.svg"); } .saneringsmeny-kn a:before {content:url("../../uploads/Mask-ICON-light-blue.svg"); position:absolute; top:0px; left:10px; width:70px; display:inline-block;} .saneringsmeny-kn a:hover:before {content:url("../../uploads/Mask-ICON-hoover-blue.svg"); } .jobbmeny-kn a:before {content:url("../../uploads/Jobs-ICON-light.svg"); position:absolute; top:0px; left:10px; width:70px; display:inline-block; } .jobbmeny-kn a:hover:before {content:url("../../uploads/Jobs-ICON-hoover-1.svg");} @media only screen and (max-width: 920px) { .innermenyholder-kn div {padding-left:100px;} .innermeny-kn {min-width:100%; } } @media only screen and (max-width: 750px) { .innermenyholder-kn div {padding-left:70px;} } @media only screen and (max-width: 600px) { .innermenyholder-kn {margin:20px auto 100px;} .innermenyholder-kn div {padding-left:40px;} } @media only screen and (max-width: 500px) { .innermenyholder-kn div {padding-left:0px;} } @media only screen and (max-width: 440px) { .innermeny-kn {font-size:14px; padding-left:64px; } .innermeny-kn strong {font-size:18px;} .servicemeny-kn a:before, .fuktmeny-kn a:before, .saneringsmeny-kn a:before, .jobbmeny-kn a:before {left:0px; } } /* tjänstesida */ .tjanster-push-kn {max-width:980px; margin: 140px auto 0px; position:relative; z-index:10;} .read-more-content {max-height: 610px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 93%, rgba(0,0,0,0) 99%); mask-image: linear-gradient(#000 93%, rgba(0,0,0,0) 99%);} .read-more-content.expanded {max-height: none; -webkit-mask-image: linear-gradient(#000 90%, rgba(0,0,0,1)); mask-image: linear-gradient(#000 90%, rgba(0,0,0,1)); } .read-more-toggle {display: block; padding-top:0px; text-align: center; margin: 0px auto; text-decoration: none;} .pushknapp-kn {position:relative; border-bottom:1px solid #142943;} .pushknapp-kn a {content:url("../../uploads/READ-MORE-ICON-default.svg"); max-height:70px; transform: translateY(34px); -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; border:none !important; text-decoration: none; color:transparent !important;} .pushknapp-kn a:hover, .pushknapp-kn a:focus, .pushknapp-kn a:active {content:url("../../uploads/READ-MORE-ICON-hoover.svg"); max-height:70px; transform: translateY(34px); -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; border:none !important; text-decoration: none; color:transparent !important;} .pushup-kolumn-kn {padding-right:20px;} .pushup-kolumn-kn h2 {font-size:24px !important; line-height:32px !important; margin-bottom:8px; color:#212626;} .pushup-kolumn-kn h3 {font-size:20px !important; line-height:26px !important; margin-bottom:8px; color:#212626;} .pushup-kolumn-kn h4 {font-size:16px !important; line-height:22px !important; margin-bottom:8px; color:#212626; font-style: italic;} .pushup-kolumn-kn a {color:#212626 !important; opacity:1; border-bottom: 2px solid #f5cc49;} .pushup-kolumn-kn a:hover {color:#f5cc49;} .pushup-kolumn-kn ul {list-style: none; margin-top:0; color:#212626; opacity:1; margin-left:12px;} .pushup-kolumn-kn ul li:before {content:"– "; margin-left:-12px; position:relative;} @media only screen and (max-width: 800px) { .pushup-kolumn-kn {padding-right:0px;} } @media only screen and (min-width: 891px) and (max-width: 1050px) { .tjanster-push-kn {margin: 120px auto 0px; } } @media only screen and (min-width: 782px) and (max-width: 890px) { .tjanster-push-kn {margin: 100px auto 0px; } } @media only screen and (max-width: 781px) { .tjanster-push-kn {margin: 80px auto 0px; } } /* b2b */ .b2b-argument-kn {background-color:#b2d0e6; border-radius: 10px !important; padding:30px 20px 16px 20px; position:relative;} .b2b-argument-kn img {max-width:90px; margin-top:-10px;} .b2b-argument-kn p:after {clear:both;} .b2b-argument-kn .alignleft {margin: 0 14px 0 0 !important;} .allatjanstergrupp-kn {max-width:980px; margin: 60px auto 0px;} .allatjanstergrupp-kn .wp-block-column ul {list-style-type: none !important; list-style: none; margin-top:0; color:#212626; opacity:1;} .allatjanstergrupp-kn .wp-block-column ul li:before {content:"– "; margin-left:-20px; position:relative; } .allatjanstergrupp-kn h3 {font-size:22px; line-height:28px;} .allatjanstergrupp-kn h4 {font-size:16px; line-height:24px; text-transform: uppercase; letter-spacing: 0.03em;} .allatjanstergrupp-kn strong {color:#0163ac; padding-left:6px;} .max-1000-kn {max-width:980px; margin: 20px auto 0px;} .max-1000-kn a {color:#212626 !important; opacity:1; border-bottom: 2px solid #f5cc49;} .max-1000-kn a:hover {color:#f5cc49;} .starttop-kn {margin-top:220px;} .oletergrupp-kn {background:rgba(255,255,255,0.5); padding:20px 20px 5px 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; min-height:110px;} .oletergrupp-kn .wp-block-image a {border-bottom:none;} .oletergrupp-kn .wp-block-image .alignright {margin:0px 0 0 20px; max-height:80px;} .tjanstgrupp-kn {background-color:#b2d0e6; border-radius: 10px !important; padding:20px 10px 16px 20px; position:relative;} .tjanstgrupp-kn p {line-height: 28px;} .tjanstgrupp-kn a {color:#142943 !important; } .tjanstgrupp-kn a:hover {color:#f5cc49 !important; } @media only screen and (max-width: 550px) { .oletergrupp-kn .wp-block-image .alignright {display:block; float:none; width:150px; margin-inline:auto; margin-bottom: 20px;} } /* smart slider */ .smartslidergrupp-kn {margin-top:60px; margin-bottom:60px;} .smartslidergrupp-kn h2 {font-size:24px !important; line-height:32px !important; margin-bottom:8px;} .slider-directly-below-hero-kn {margin-top:180px;} .ss-h3-kn {font-family:"Open Sans" !important; font-stretch: 85% !important; font-weight:650 !important; font-style:normal !important; font-size:20px !important; line-height:26px !important;} .ss-text-kn .n2-ss-slider p {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:400 !important; } .n2-ss-slider p {font-size:16px !important; line-height:24px !important; } .n2-ss-button-container a {font-family:"Open Sans" !important; font-stretch: 85% !important; font-weight:650 !important; font-size:16px !important; line-height:24px !important; padding-top:13px !important; padding-bottom:13px !important; font-variation-settings: "wght" 650, 'wdth' 85;} .n2-ss-button-container a:hover {color:#212626 !important; background-color: #f5cc49 !important; } #n2-ss-4 .n2-ss-button-container a div, .topbox-kn .kontaktlank-kn a, .product-listing-other-pages .wp-block-post-excerpt__more-link {color: #ffffff !important;} /* video cta & besiktning-cta. */ .video-cta-kn {display:block; position:relative; padding:8px 20px; background-color: #fcf0c8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom:30px !important;} .video-cta-image-kn .alignleft {margin:8px 0px 0px 0px !important;} .video-cta-image2-kn .alignleft {margin:2px 0px 0px 0px !important;} .video-cta-kn a.wp-block-button__link {font-variation-settings: "wght" 650, 'wdth' 85 !important; color:#212626 !important; font-stretch: 85% !important; font-weight:650 !important; padding-top:12px; font-size:14px; padding-left:10px; } .video-cta-kn a {border-bottom:none; color:#212626;} .video-cta-kn a:hover {opacity:0.9;} .bokavideo-toppruta {text-align: center; margin-top:-10px; } .bokavideo-toppruta img {max-width:50px; padding-top:10px; padding-right:10px; vertical-align: middle;} .bokavideo-toppruta .wp-block-button .wp-block-button__link {font-size:16px; line-height:22px; font-variation-settings: "wght" 400, 'wdth' 95 !important; font-stretch: 95%; font-weight: 400; font-style: italic; padding:12px 0px; } /* news pushbox / ehandelsbox / radonbox */ .nyhetspuff-kn {background-color:#ffffff; border-radius: 10px !important; padding:20px 30px 16px 30px; position:relative; max-width:980px; margin:60px auto 0px; box-sizing: border-box; display:flex; flex: 0 1 auto; flex-flow: row nowrap; justify-content: space-between;} .nyhetspuff-kn .nh-imageleft-kn, .nyhetspuff-kn .nh-imageright-kn {width: 50%; } .nyhetspuff-kn .nh-imageright-kn {display:inline-block; float:right;} .nyhetspuff-kn .nh-textright-kn {width: 50%; margin:0px !important; float:none; display:inline-block;} .nyhetspuff-kn .nh-textleft-kn {width: 50%; min-width:50%; margin:0px !important; display:inline-block; } .nyhetspuff-kn .nh-textright-kn h2, .nyhetspuff-kn .nh-textleft-kn h2 {font-size:28px !important; line-height:36px !important; border-top: 8px solid #f5cc49; padding-top:20px; margin-bottom:16px; padding-right:20px; margin-top:8px !important;} .nyhetspuff-kn .nh-textright-kn p, .nyhetspuff-kn .nh-textleft-kn p {padding-right: 20px; font-size:16px; line-height: 22px;} .nyhetspuff-knapp-kn .wp-block-button .wp-block-button__link {color:#ffffff !important; font-family: "Open Sans" !important; font-stretch: 85% !important; font-weight: 650 !important; width:100%; display:block; line-height:26px; font-size:16px; } .nyhetspuff-knapp-kn>.wp-block-button { width:90%; display:block; flex-basis: 90%; height:60px;} .nyhetspuff-knapp-kn .wp-block-button .wp-block-button__link:hover {color:#212626 !important; background-color: #f5cc49 !important; } .ehandelspuff-kn {padding:30px 30px 20px 30px; position:relative; max-width:980px; margin-inline:auto; box-sizing: border-box; display:flex; flex: 0 1 auto; flex-flow: row nowrap; justify-content: space-between; border-top:1px solid #e2e2e2; } .ehandelspuff-kn .nh-imageleft-kn, .ehandelspuff-kn .nh-imageright-kn {width: 50%; } .ehandelspuff-kn .nh-imageright-kn {display:inline-block; float:right;} .ehandelspuff-kn .nh-textright-kn {width: 50%; margin:0px !important; float:none; display:inline-block;} .ehandelspuff-kn .nh-textleft-kn {width: 50%; min-width:50%; margin:0px !important; display:inline-block; } .ehandelspuff-kn .nh-textright-kn h2, .ehandelspuff-kn .nh-textleft-kn h2 {font-size:28px !important; line-height:36px !important; margin-bottom:16px; padding-right:20px; margin-top:8px !important;} .ehandelspuff-kn .nh-textright-kn h3, .ehandelspuff-kn .nh-textleft-kn h3 {font-size:16px !important; line-height:22px !important; margin-bottom:12px; padding-right:20px; margin-top:8px !important;} .ehandelspuff-kn .nh-textright-kn p, .ehandelspuff-kn .nh-textleft-kn p {padding-right: 20px; font-size:16px; line-height: 22px;} .ehandelspuff-kn .nh-textright-kn p a, .ehandelspuff-kn .nh-textleft-kn p a {color:#212626 !important; opacity:1; border-bottom: 2px solid #f5cc49; font-style: italic;} .ehandelspuff-kn .nh-textright-kn p a:hover, .ehandelspuff-kn .nh-textleft-kn p a:hover {color:#f5cc49;} .ehandelspuff-kn .nyhetspuff-knapp-kn .wp-block-button .wp-block-button__link {color:#ffffff !important; font-family: "Open Sans" !important; font-stretch: 85% !important; font-weight: 650 !important; width:100%; display:block; line-height:26px; font-size:16px; } .ehandelspuff-kn .nyhetspuff-knapp-kn>.wp-block-button { width:90%; display:block; flex-basis: 90%; height:60px; margin-top:10px;} .ehandelspuff-kn .nyhetspuff-knapp-kn .wp-block-button .wp-block-button__link:hover {color:#212626 !important; background-color: #f5cc49 !important; } .entry-content .ehandelspuff-kn:last-of-type {border-bottom:1px solid #e2e2e2;} .radonbox-kn {background-color:#ffffff; border-radius: 10px !important; padding:30px 30px 16px 30px; position:relative; box-sizing: border-box; display:inline-block;} .radonbox-kn img {border-top: 8px solid #0163ac;} .radonbox-kn h2 {font-size:24px !important; line-height:32px !important; padding-top:10px; margin-bottom:20px;} .radonbox-kn a {position:relative; display: inline-block; width:100%; padding:14px 0 15px; background-color: #0163ac; border-radius:10px !important; color:#ffffff; text-align: center; font-stretch: 85% !important; font-weight:650 !important; font-variation-settings: "wght" 650, 'wdth' 85; } .radonbox-kn a:hover {color:#212626; background-color: #f5cc49; } .width250 { width:250px; max-width:250px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1651px) { .starttop-kn {margin-top:470px;} .page-id-83718 .starttop-kn {margin-top:320px;} .page-id-83839 .starttop-kn {margin-top:320px;} .page-id-84605 .starttop-kn {margin-top:320px;} .page-id-84421 .starttop-kn {margin-top:370px;} .search .starttop-kn {margin-top:360px;} .slider-directly-below-hero-kn {margin-top:360px;} .tjanster-push-kn {margin: 300px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: -130px auto 0px;} } @media only screen and (min-width: 1451px) and (max-width: 1650px) { .starttop-kn {margin-top:380px;} .page-id-83718 .starttop-kn {margin-top:280px;} .page-id-83839 .starttop-kn {margin-top:280px;} .page-id-84605 .starttop-kn {margin-top:280px;} .page-id-84421 .starttop-kn {margin-top:300px;} .search .starttop-kn {margin-top:260px;} .slider-directly-below-hero-kn {margin-top:290px;} .tjanster-push-kn {margin: 220px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: -180px auto 0px;} .herolow-kn .page-title {padding-top:160px !important; padding-bottom:40px !important;} } @media only screen and (min-width: 1301px) and (max-width: 1450px) { .starttop-kn {margin-top:280px;} .page-id-83839 .starttop-kn {margin-top:240px;} .page-id-84605 .starttop-kn {margin-top:240px;} .search .starttop-kn {margin-top:180px;} .slider-directly-below-hero-kn {margin-top:240px;} .tjanster-push-kn {margin: 220px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: -240px auto 0px;} .herolow-kn .page-title {padding-top:160px !important; padding-bottom:40px !important;} } @media only screen and (min-width: 1051px) and (max-width: 1300px) { .starttop-kn {margin-top:230px;} .page-id-83718 .starttop-kn {margin-top:150px;} .page-id-83839 .starttop-kn {margin-top:130px;} .page-id-84605 .starttop-kn {margin-top:110px;} .page-id-84421 .starttop-kn {margin-top:190px;} .search .starttop-kn {margin-top:120px;} .slider-directly-below-hero-kn {margin-top:150px;} .tjanster-push-kn {margin: 150px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: -240px auto 0px;} .herolow-kn .page-title {padding-top:140px !important; padding-bottom:80px !important;} } @media only screen and (min-width: 891px) and (max-width: 1050px) { .starttop-kn {margin-top:200px;} .page-id-83718 .starttop-kn {margin-top:100px;} .page-id-83839 .starttop-kn {margin-top:100px;} .page-id-84605 .starttop-kn {margin-top:100px;} .page-id-84421 .starttop-kn {margin-top:130px;} .search .starttop-kn {margin-top:70px;} .slider-directly-below-hero-kn {margin-top:120px;} .tjanster-push-kn {margin: 120px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: -340px auto 0px; padding-bottom:160px;} .herolow-kn .page-title {padding-top:160px !important; padding-bottom:90px !important;} } @media only screen and (min-width: 782px) and (max-width: 890px) { .starttop-kn {margin-top:190px;} .page-id-83718 .starttop-kn {margin-top:80px;} .page-id-83839 .starttop-kn {margin-top:60px;} .page-id-84605 .starttop-kn {margin-top:60px;} .page-id-84421 .starttop-kn {margin-top:90px;} .search .starttop-kn {margin-top:50px;} .slider-directly-below-hero-kn {margin-top:110px;} .tjanster-push-kn {margin: 110px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: -360px auto 0px; padding-bottom:160px;} .herolow-kn .page-title {padding-top:180px !important; padding-bottom:60px !important;} } @media only screen and (max-width: 781px) { .starttop-kn {margin-top:150px;} .page-id-83718 .starttop-kn {margin-top:30px;} .page-id-83839 .starttop-kn {margin-top:30px;} .page-id-84605 .starttop-kn {margin-top:30px;} .page-id-84421 .starttop-kn {margin-top:30px;} .search .starttop-kn {margin-top:40px;} .slider-directly-below-hero-kn {margin-top:100px;} .tjanster-push-kn {margin: 100px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: 60px auto 0px;} .herolow-kn .page-title {padding-top:120px !important; padding-bottom:40px !important;} } @media only screen and (max-width: 640px) { .starttop-kn {margin-top:145px;} .search .starttop-kn {margin-top:15px;} .slider-directly-below-hero-kn {margin-top:45px;} .smartslidergrupp-kn {margin-bottom:80px;} .tjanster-push-kn {margin: 40px auto 0px;} .page-id-351 .tjanster-push-kn, .page-id-83345 .tjanster-push-kn {margin: 60px auto 0px;} .page-id-83576 .tjanster-push-kn {margin: 40px auto 0px;} .herolow-kn .page-title {padding-top:110px !important; padding-bottom:20px !important;} } @media only screen and (max-width: 600px) { .search .starttop-kn {margin-top:145px;} .herolow-kn .page-title {padding-top:120px !important; padding-bottom:0px !important;} } @media only screen and (max-width: 781px) { .nyhetspuff-kn {padding:30px 30px 20px 30px; position:relative; } .bild-vanster-kn {flex: 1 1 auto; flex-flow: column wrap; justify-content: flex-start; align-items:flex-start; } .bild-hoger-kn {flex: 1 1 auto; flex-flow: column wrap; justify-content: flex-start; align-items:flex-start; } .nyhetspuff-kn .nh-imageleft-kn, .nyhetspuff-kn .nh-imageright-kn {width: 100%; height:480px; border-top: 8px solid #f5cc49; position:relative; overflow:hidden; object-fit: cover; } .nyhetspuff-kn .nh-imageright-kn {float:none;} .nyhetspuff-kn .nh-textright-kn, .nyhetspuff-kn .nh-textleft-kn {width: 100%; margin:0px !important; float:none; display:inline-block;} .nyhetspuff-kn .nh-imageleft-kn .alignleft, .nyhetspuff-kn .nh-imageright-kn .alignright {width:100% !important; min-width:100%; height:auto; float:none; margin-top:0px !important; margin-left:0px !important; margin-right:0px !important; object-fit: cover;} .nyhetspuff-kn .nh-imageleft-kn img, .nyhetspuff-kn .nh-imageright-kn img {width:100% !important; min-width:100%; margin-top:0px; height:auto;} .nyhetspuff-kn .nh-textright-kn h2, .nyhetspuff-kn .nh-textleft-kn h2 {border-top: none; padding-top:0px; } .ehandelspuff-kn {padding:30px 30px 20px 30px; position:relative; } .ehandelspuff-kn .nh-imageleft-kn, .ehandelspuff-kn .nh-imageright-kn {width: 100%; height:400px; position:relative; overflow:hidden; object-fit: cover; } .ehandelspuff-kn .nh-imageleft-kn img, .ehandelspuff-kn .nh-imageright-kn img {transform: translateY(-25%);} .ehandelspuff-kn .nh-imageright-kn {float:none;} .ehandelspuff-kn .nh-textright-kn, .ehandelspuff-kn .nh-textleft-kn {width: 100%; margin:0px !important; float:none; display:inline-block;} .ehandelspuff-kn .nh-imageleft-kn .alignleft, .ehandelspuff-kn .nh-imageright-kn .alignright {width:100% !important; min-width:100%; height:auto; float:none; margin-top:0px !important; margin-left:0px !important; margin-right:0px !important; object-fit: cover;} .ehandelspuff-kn .nh-imageleft-kn img, .ehandelspuff-kn .nh-imageright-kn img {width:100% !important; min-width:100%; margin-top:0px; height:auto;} .ehandelspuff-kn .nh-textright-kn h2, .ehandelspuff-kn .nh-textleft-kn h2 {border-top: none; padding-top:0px; } } @media only screen and (max-width: 640px) { .nyhetspuff-kn {margin:40px auto 0px;} .nyhetspuff-kn .nh-imageleft-kn, .nyhetspuff-kn .nh-imageright-kn {height:400px; } .ehandelspuff-kn {margin:40px auto 0px;} .ehandelspuff-kn {padding:30px 20px 16px 20px; position:relative; } .ehandelspuff-kn .nh-imageleft-kn, .ehandelspuff-kn .nh-imageright-kn {height:360px; } .ehandelspuff-kn .nh-imageleft-kn img, .ehandelspuff-kn .nh-imageright-kn img {transform: translateY(-10%);} } @media only screen and (max-width: 500px) { .nyhetspuff-kn .nh-imageleft-kn, .nyhetspuff-kn .nh-imageright-kn {height:auto; } .ehandelspuff-kn .nh-imageleft-kn, .ehandelspuff-kn .nh-imageright-kn {height:260px; } } /* FORM */ .kontaktruta-kn {background-color:#ffffff; border-radius: 10px !important; padding:20px 30px 16px 30px; position:relative; width:90%; margin-left:10%;} .kontaktfull-kn {width:100%; margin-left:0%;} .kontaktruta-kn h2 {font-size:24px !important; line-height:32px !important; border-top: 8px solid #0163ac; padding-top:20px; margin-bottom:0px;} .kontaktruta-kn p a {color:#212626; border-bottom: 2px solid #f5cc49;} .kontaktruta-kn p a:hover {color:#f5cc49;} .kontaktruta-nopadding {background-color:#ffffff; border-radius: 10px !important; padding:20px 8px 16px 8px; position:relative; width:100%; margin-left:0%;} .kontaktfull-nopadding {width:100%; margin-left:0%;} .kontaktruta-nopadding h2 {font-size:24px !important; line-height:32px !important; border-top: 8px solid #0163ac; padding-top:20px; margin-bottom:0px;} .kontaktruta-nopadding p a {color:#212626; border-bottom: 2px solid #f5cc49;} .kontaktruta-nopadding p a:hover {color:#f5cc49;} .b2bkontakt-kn {width:100%; margin-right:0%; max-width:640px;margin-top:20px;} .b2bkontakt-kn h2 {font-size:24px !important; line-height:32px !important; border-top: 8px solid #f5cc49; padding-top:20px; margin-bottom:0px;} .b2bkontakt-kn .wpcf7 form input[type="submit"] {background: #142943;} .b2bkontakt-kn .wpcf7 form input[type="submit"]:hover {background: #f5cc49; color:#212626; cursor: pointer;} .topblock-kn .kontaktruta-kn .kontaktruta-nopadding {width:100%; margin-left:0%;} @media only screen and (max-width: 800px) { .kontaktruta-kn .kontaktruta-nopadding {width:100%; margin-left:0%; margin-top:60px;} } .formleft-kn {position:relative; float:left; padding-top:20px;} .formright-kn {position:relative; float:right; width:190px; text-align:left;} .check::after {content:''; display:block; width:100%; clear: both;} .wpcf7 {box-sizing: border-box; padding-right:0px;} .wpcf7 p {line-height:10px; margin-bottom:0px;} .wpcf7 label {font-family:"Open Sans" !important; font-size:16px !important; line-height:22px !important; font-stretch: 95% !important; font-weight:600 !important; width:100% !important; display:inline-block; color:#142943; box-sizing: border-box; padding:0 0 2px 2px !important; font-style: normal;} .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="number"] {background: #f5f4f3; border:none; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.0) inset; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.0) inset; box-shadow: 0px 0px 2px rgba(0,0,0,0.0) inset; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:3px 3px 3px 8px; height: 50px; width:100%; margin-bottom:8px; margin-top:2px; box-sizing: border-box; font-size:22px; font-style: italic; } .wpcf7 form select {display:inline-block; background: #f5cc49; border:none !important; -moz-border-radius: 6px !important; -webkit-border-radius: 6px !important; border-radius: 6px !important; box-sizing: border-box; margin-left:10px; height:50px;} .wpcf7 form textarea {background: #f5f4f3; border:none; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.05) inset; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.05) inset; box-shadow: 0px 0px 2px rgba(0,0,0,0.05) inset; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:4px 4px 0px 8px; height: 120px; width:100%; resize: none; box-sizing: border-box; font-size:22px; font-style: italic;} .wpcf7 form input[type="submit"] {padding:16px 40px 15px 40px; background: #0163ac; margin-top:20px; margin-bottom:00px; margin-left:-0px; font-size:16px; color:#ffffff; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius: 10px; width:100%; font-family: "Open Sans"; border-color: transparent !important; height:60px; font-variation-settings: "wght" 650, 'wdth' 85;} .wpcf7 form input[type="submit"]:hover {background: #f5cc49; color:#212626; opacity:0.8; cursor: pointer;} .wpcf7 form input::webkit-outer-spin-button, .wpcf7 form input::webkit-inner-spin-button {-webkit-appearance: none !important; display:none !important;} .wpcf7 form input[type="number"] {-webkit-appearance: none; -moz-appearance: textfield !important;} .req-kn {color: #eb8316;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #eb8316;} .form-kn .wpcf7-list-item, .form-kn .fullspalt label {display: inline-block; width:100%; float:left;} .form-kn .accept100 {margin-top:40px;} .form-kn .accept100 .wpcf7-list-item, .form-kn .accept100 .fullspalt label {display: inline-block; width:100%!important; float:left;} .form-kn .wpcf7-list-item:nth-child(even) {padding-left:0%;} .form-kn .wpcf7-list-item {margin: 0;} .form-kn .wpcf7-list-item:not(:last-child) {margin-bottom: 10px;} .form-kn .fullspalt label {cursor: pointer;} .form-kn [type="radio"], .form-kn [type="checkbox"] {position: absolute; left: -9999px;} .form-kn [type="radio"] + .wpcf7-list-item-label, .form-kn [type="checkbox"] + .wpcf7-list-item-label {position: relative; padding-left: 30px; line-height: 20px;} .form-kn [type="radio"] + .wpcf7-list-item-label::before, .form-kn [type="checkbox"] + .wpcf7-list-item-label::before, .form-kn [type="radio"] + .wpcf7-list-item-label::after, .form-kn [type="checkbox"] + .wpcf7-list-item-label::after {content: ""; position: absolute; box-sizing: border-box;} .form-kn [type="radio"] + .wpcf7-list-item-label::before, .form-kn [type="radio"] + .wpcf7-list-item-label::after {border-radius: 50%;} .form-kn [type="radio"] + .wpcf7-list-item-label::before, .form-kn [type="checkbox"] + .wpcf7-list-item-label::before { top: 0; left: 0; width: 20px; height: 20px; background: #f5f4f3; border:none;} .form-kn [type="radio"] + .wpcf7-list-item-label::after, .form-kn [type="checkbox"] + .wpcf7-list-item-label::after {top: 5px; left: 5px; width: 10px; height: 10px; background: #f5cc49; transition: all 0.2s;} .form-kn [type="radio"]:not(:checked) + .wpcf7-list-item-label::after, .form-kn [type="checkbox"]:not(:checked) + .wpcf7-list-item-label::after {opacity: 0; transform: scale(0.01);} .form-kn [type="radio"]:checked + .wpcf7-list-item-label::after, .form-kn [type="checkbox"]:checked + .wpcf7-list-item-label::after {opacity: 1; transform: scale(1);} .form-kn [type="radio"]:focus + .wpcf7-list-item-label::before, .form-kn [type="checkbox"]:focus + .wpcf7-list-item-label::before {box-shadow: 0 0 4px 3px red;} .formdescript-kn {font-family:"Open Sans" !important; font-size:16px !important; line-height:22px !important; font-stretch: 95% !important; font-weight:400 !important; margin-bottom:20px !important; } .kontakt-integritet-kn {font-family:"Open Sans" !important; font-size:12px !important; line-height:14px !important; font-stretch: 95% !important; font-weight:400 !important; margin-bottom:4px !important; padding-right:10px; padding-bottom:20px; } span.wpcf7-not-valid-tip { display:block; position:relative; width:100%; font-size:14px; color:#000; margin-top:-6px; margin-bottom:16px; padding-left:4px; padding-right:4px; border-bottom:2px solid #f5cc49;} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 1px solid #eb8316; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wpcf7 form .wpcf7-response-output {margin: -5px 0px 15px; padding: 5px 5px 4px 8px;} .wpcf7 form.sent .wpcf7-response-output {font-size:16px; line-height: 20px; font-stretch: 95% !important; font-weight:400 !important; padding: 8px 6px 6px 10px; color:#000000;} input, select, optgroup, textarea {font-family: "Open Sans" !important; } .form-kn ::placeholder {font-family:"Open Sans" !important; font-size:14px !important; line-height:18px !important; font-stretch: 95% !important; font-weight:400 !important; font-style: italic; white-space:normal; line-break: normal; position: absolute; top:calc(50% - 9px); left:10px; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;} @media only screen and (min-width: 640px) and (max-width: 850px) { .wpcf7 form input[type="submit"] {padding:16px 10px 15px 10px; white-space: normal;} } @media only screen and (max-width: 781px) { .wpcf7 {padding-right:0px;} } @media only screen and (max-width: 640px) { .form-kn .wpcf7-list-item, .form-kn .fullspalt label {display: inline-block; width:49%; float:none;} .form-kn .wpcf7-list-item:nth-child(even) {padding-left: 0%;} } @media only screen and (max-width: 540px) { .wpcf7 form input[type="submit"] {padding:16px 10px 15px 10px; font-size:14px; width:100%; white-space: normal; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} } @media only screen and (max-width: 480px) { .wpcf7 form.sent .wpcf7-response-output {font-size:16px; line-height: 20px; padding: 5px 5px 4px 8px; color:#000000;} } @media only screen and (min-width: 781px) and (max-width: 950px) { .wp-block-column .form-kn ::placeholder {top:8px; padding-right:8px;} } @media only screen and (max-width: 440px) { .form-kn ::placeholder {top:8px; padding-right:8px;} } /* VIDEO OM OSS */ .videoinfo-kn {background-color:#ffffff; border-radius: 10px !important; padding:20px 60px 16px 60px; position:relative; width:100%; margin-left:0%;} .videoinfo-kn p {font-size:14px !important;} .videoinfo-kn p strong {font-size:16px !important;} .video-embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:30px; float: none; clear: both;} .video-embed-container iframe, .video-embed-container object, .video-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* FAQ */ .accordion-kn {position:relative; } .accordion-kn > .sp-eap-container {position:relative; max-width:980px; margin:auto; border-top:1px solid #e2e2e2; padding-top:5px;} .sp-easy-accordion .fa {font-weight:300 !important; font-stretch:100% !important; font-variation-settings: "wght" 300, 'wdth' 100 !important;} .sp-ea-fifteen.sp-easy-accordion>.sp-ea-single>h2.ea-header a .ea-expand-icon {position:absolute; right:30px;} .sp-ea-fifteen.sp-easy-accordion>.sp-ea-single>h2.ea-header a {font-size:28px !important;} .sp-ea-fifteen.sp-easy-accordion>.sp-ea-single>h2.ea-header a .ea-expand-icon {line-height:40px; width:40px;} .accordion-kn .fa-minus:before {content: "\f00d" !important;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {border-bottom:1px solid #e2e2e2;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p {padding-left:45px !important; color:#212626 !important;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body ul {padding-left:5px !important; list-style-type:none !important; margin-left:20px !important;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body ul li {padding:0 21px; color:#212626; margin-left:18px !important;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body ul li:before {content:"– "; margin-left:-18px; position:relative; color:#0163ac; padding-right:7px;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p a {color:#212626 !important; opacity:1; border-bottom: 2px solid #f5cc49;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p a:hover {color:#f5cc49;} @media only screen and (max-width: 400px) { .sp-ea-fifteen.sp-easy-accordion>.sp-ea-single>h2.ea-header a {font-size:24px !important;} .sp-ea-fifteen.sp-easy-accordion>.sp-ea-single>h3.ea-header a {font-size:18px !important; line-height:24px !important;} .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p {padding-left:20px !important; } .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body ul {padding-left:0px !important; margin-left:0px !important;} } /* mpodal window */ #wow-modal-close-1.mw-close-btn.text:before {content: " " !important; color: #000 !important; padding: 0px 0px; font-weight: normal; font-style: normal; background: none !important; border-radius: 0; display:inline-block; vertical-align: top;} .mw-close-btn.text:before {content: " "; color: #000 !important; padding: 0px 0px; font-weight: normal; font-style: normal; background: none !important; border-radius: 0; display:inline-block; vertical-align: top;} .mw-close-btn.text:hover:before {background:none !important;} .mw-close-btn.text:after {content:url("../../uploads/MENUE-close-ICON-deafault.svg"); width: 60px; height: auto; padding: 5px 0px 0px 5px; display:inline-block; margin-top:-8px; margin-left:8px;} .mw-close-btn.text:hover:after {content:url("../../uploads/MENUE-close-ICON-hoover.svg"); width: 60px; height: auto; padding: 5px 0px 0px 5px; display:inline-block; margin-top:-8px; margin-left:8px;} .mw-close-btn.text:after img {max-width:40px;} .modalkontakt-kn {background-color:#ffffff; border-radius: 10px !important; padding:20px 30px 16px 30px; position:relative; width:90%; margin-right:10%;} .modalkontakt-kn h2 {font-size:24px !important; line-height:32px !important; border-top: 8px solid #142943; padding-top:20px; margin-bottom:0px;} .modalkontakt-kn .wpcf7 form input[type="submit"] {background: #142943;} .modalkontakt-kn .wpcf7 form input[type="submit"]:hover {background: #f5cc49; color:#212626; cursor: pointer;} .wow-modal-window p.obligatoriskt {font-size:12px !important; margin-bottom:10px !important; margin-top:-24px;} .wow-modal-window p.obligatoriskt a {color:#212626; border-bottom: 2px solid #f5cc49;} .wow-modal-window p.obligatoriskt a:hover {color:#f5cc49;} @media only screen and (max-width: 540px) { .wow-modal-window .modalkontakt-kn {padding:20px 20px 16px 20px; width:100%; margin-right:0%; margin-top:26px;} .wow-modal-window .wpcf7 form textarea {height: 80px;} } /* Kontakt */ .journummer-kn {color: #f5cc49; margin-top:-10px; font-size:36px !important; font-stretch: 95% !important; font-weight:650 !important; } /* 404 */ .error404 .starttop-kn {margin-top:320px;} .error404 .hero-kn-h1-center {padding-top:90px;} .error404 .wp-block-search__inside-wrapper {margin:0 auto;} .error404 .wp-block-search .wp-block-search__input {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 10px 10px 10px 24px; border: none; border-color: rgba(34, 34, 34, 0.0); background-color: #fcf0c8; color: rgba(34, 34, 34, 0.7); outline: none; height:60px; font-size:22px; font-style: italic;} .error404 .wp-block-search.wp-block-search__button-outside .wp-block-search__button {background-color: #0163ac !important; border-color: #0163ac !important; color: #ffffff !important; fill: #ffffff !important; border-top-right-radius: 30px; border-bottom-right-radius: 30px; height:60px; } .error404 .wp-block-search .wp-block-search__button {margin-left:0px !important; padding: 5px 20px;} @media only screen and (min-width: 1651px) { .error404 .starttop-kn {margin-top:460px;} } @media only screen and (min-width: 1451px) and (max-width: 1650px) { .error404 .starttop-kn {margin-top:460px;} } @media only screen and (min-width: 1281px) and (max-width: 1450px) { .error404 .starttop-kn {margin-top:420px;} } @media only screen and (min-width: 1051px) and (max-width: 1280px) { .error404 .starttop-kn {margin-top:320px;} } @media only screen and (min-width: 891px) and (max-width: 1050px) { .error404 .starttop-kn {margin-top:300px;} } @media only screen and (min-width: 782px) and (max-width: 890px) { .error404 .starttop-kn {margin-top:240px;} } @media only screen and (max-width: 781px) { .error404 .starttop-kn {margin-top:180px;} } @media only screen and (max-width: 580px) { .error404 .starttop-kn {margin-top:180px;} } /* . Privacy . */ .privacy {max-width: 800px; background:#ffffff; padding: 40px 40px 20px 40px; margin-top:60px !important; position:relative;} .privacy:before {display:block; position:absolute; content:''; right:-16px; top:0px; width:16px; height:100%; background: #ffffff; opacity:0.8; transform:skewY(45deg) translateY(8px);} .privacy:after {display:block; position:absolute; content:''; bottom:-16px; left:0px; height:16px; width:100%; background: #ffffff; opacity:0.6; transform:skewX(45deg) translateX(8px);} .privacy h1 {font-family: "Open Sans"; text-transform:none; font-size:44px; line-height: 52px; padding:0 40px 0 0px; color:#f5cc49 !important; margin: 20px 0 10px !important;} .privacy h4 {font-family: "Open Sans"; text-transform:none; font-size:18px; line-height: 26px; color: #212626 !important; margin: 20px 0 10px !important; } .privacy p.mr {font-family: "Open Sans"; font-size: 16px; line-height: 24px; margin: 20px 0px 5px 0px; color: #212626 !important;} .privacy p {font-family: "Open Sans"; font-size: 16px; line-height: 24px; color: #212626 !important;} @media only screen and (max-width: 600px) { .privacy h1 {font-size:32px !important; line-height: 36px !important; padding:0 00px 0 0px;} .privacy p.mr {font-size: 16px; line-height: 22px;} .privacy p {font-size: 16px; line-height: 22px;} .privacy {margin-left:-12px !important; margin-right:4px; padding: 40px 30px 20px 30px; } } /*. BLOG. */ .single .site-content {border-top:8px solid #f5cc49; } .single-post .page-title, .single-post .post-thumbnail, .single-post .entry-footer {display:none;} .single-post .entry-content h1 {font-family: "Open Sans"; text-transform:none; font-size:44px; line-height: 52px; padding:0 40px 0 20px; color:#222222 !important; margin: 20px 0 10px !important;} .single-post .entry-content h2 {font-family: "Open Sans"; text-transform:none; font-size:24px; line-height: 28px; padding:0 20px; color: #212626 !important; margin: 20px 0 10px !important;} .single-post .entry-content h3 {font-family: "Open Sans"; text-transform:none; font-size:18px; line-height: 26px; padding:0 20px; color: #212626 !important; margin: 20px 0 10px !important;} .single-post .entry-content h4 {font-family: "Open Sans"; text-transform:none; font-size:18px; line-height: 25px; padding:0 21px; color: #212626 !important; margin: 20px 0 10px !important; } .single-post .entry-content p {font-family: "Open Sans"; font-stretch: 95% !important; font-weight:400 !important; font-size:16px; line-height: 26px; padding:0 21px; color:#212626 !important;} .single-post .entry-content p strong {font-family: "Open Sans"; font-stretch: 90% !important; font-weight:650 !important; font-size:16px; line-height: 26px; color:#212626 !important;} .single-post .entry-content ul {list-style-type:none !important; margin-left:20px !important;} .single-post .entry-content li {font-family: "Open Sans"; font-stretch: 95% !important; font-weight:400 !important; font-size:16px; line-height: 26px; padding:0 21px; color: #212626 !important; margin-left:18px !important;} .single-post .entry-content ul li:before {content:"> "; margin-left:-18px; position:relative; font-stretch:90%; font-weight:650 !important; color:#f5cc49; padding-right:7px;} .single-post .entry-content a {color:#212626; border-bottom: 2px solid #f5cc49;} .single-post .entry-content a:hover {color:#f5cc49;} .single-post .entry-content figure.wp-block-image {margin-top:40px; margin-bottom:20px;} .single-post .entry-content blockquote {position: relative; background:none; padding: 25px 20px 15px 20px; margin-bottom: 20px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-top:1px solid #f5cc49; border-bottom:1px solid #f5cc49; margin-right:90px;} .single-post .entry-content blockquote p {font-size:20px; line-height:28px; font-weight: 300; font-style: italic;} .single-post .entry-content blockquote img {position: relative; float:right; max-width:110px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-left:30px; margin-top:-15px; } .single-post .entry-content blockquote:before {border:none;} .post-navigation .nav-links {margin-top:40px;} .posts-navigation a, .post-navigation a, .comment-navigation a {font-family: "Open Sans"; text-transform:none !important; font-weight: normal !important; letter-spacing: 0em !important; font-size:16px !important; } .posts-navigation a:hover, .post-navigation a:hover, .comment-navigation a:hover {background: rgba(250, 250, 255, 0.1) !important; border-color: #f5cc49 !important;} .ctdl-blog-posts.layout-box .item-content {background-color:#ffffff; border-radius: 10px !important; padding:20px 20px 16px 20px; position:relative;} .ctdl-blog-posts.layout-box .item-content .item-thumbnail {border-top:8px solid #f5cc49; } .ctdl-blog-posts .has-thumbnail .item-title {margin-top:10px !important;} .ctdl-blog-posts .item-content .item-title .post-title {font-family:"Open Sans" !important; font-stretch: 95% !important; font-weight:650 !important; font-size:18px !important; line-height:24px !important;} .ctdl-blog-posts .item-description, .ctdl-posts .item-description {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} .cats-list {display:none;} .widget .wp-block-tag-cloud a {display: block !important; font-size:16px !important; line-height:24px !important} .archive .page-title .entry-header h1 {font-family: "Open Sans" !important;} .site-content .page-title .entry-header:before {border-bottom: 1px solid transparent !important;} .single-post .widget-area-wrap, .blog .widget-area-wrap, .archive .widget-area-wrap {margin-top:120px; font-family: "Open Sans"; padding-left:20px; font-weight:normal !important; } .single-post .widget-area-wrap p, .blog .widget-area-wrap p, .archive .widget-area-wrap p {font-family: "Open Sans"; font-size: 20px; line-height:24px; margin-bottom:0 !important; color:#212626; } .single-post .widget-area-wrap .widget_text, .blog .widget-area-wrap .widget_text .archive .widget-area-wrap .widget_text {margin-bottom:10px !important;} .single-post .widget-area .widget:after, .blog .widget-area .widget:after, .archive .widget-area .widget:after {display:none !important;} .widget.widget_recent_entries ul li a {font-size:18px; line-height:20px; margin-bottom:20px; color:#212626;} .widget.widget_recent_entries ul li a:hover {color:#f5cc49;} .widget .wp-block-tag-cloud {font-family: "Open Sans" !important; color:#212626;} .wp-block-tag-cloud a {color:#212626 !important; opacity:0.9 !important;} .wp-block-tag-cloud a:hover {color:#f5cc49 !important;} .blog-cta {margin-top:140px; margin-left:-40px; width:calc(100% + 40px);} .navigation.pagination .nav-links .page-numbers {border-radius: 6px !important;} .navigation.pagination .nav-links .page-numbers:hover {color: #212626 !important; fill: #212626 !important; background: #f5cc49 !important; border-color: #f5cc49 !important; cursor: pointer;} .navigation.pagination .nav-links .current {color: #ffffff !important; fill: #ffffff !important; background: #0163ac!important; border-color: #0163ac !important; cursor: pointer;} .navigation.pagination .nav-links .current:hover {color: #ffffff !important; fill: #ffffff !important; background: #0163ac!important; border-color: #0163ac !important; cursor: pointer;} .navigation.pagination .nav-links .dots:hover {color: #212626 !important; fill: #212626 !important; background: transparent !important; border-color: transparent !important; cursor: default;} @media only screen and (min-width: 1026px) and (max-width: 1185px) { body:not(.page-fullwidth).right-sidebar #secondary, body:not(.page-fullwidth).left-sidebar #secondary { width: 26% !important; margin-left:-20px !important;} } @media only screen and (max-width: 900px) { .blog .site-main .type-post .entry-header, .archive .site-main .type-post .entry-header, .search-results .site-main .hentry .entry-header, .search-results .site-main .type-product .entry-header, .ctdl-posts-search-results.layout-simple article .entry-header, .ctdl-blog-posts.layout-simple article .entry-header, .ctdl-posts.layout-simple article .entry-header {padding-right: 20px !important;} .blog .site-main .type-post .entry-header, .archive .site-main .type-post .entry-header, .search-results .site-main .hentry .entry-header, .search-results .site-main .type-product .entry-header, .ctdl-posts-search-results.layout-simple article .entry-header, .ctdl-blog-posts.layout-simple article .entry-header, .ctdl-posts.layout-simple article .entry-header {float: none; text-align: left; width: 100%;} .blog .site-main .type-post .post-thumbnail, .archive .site-main .type-post .post-thumbnail, .search-results .site-main .hentry .post-thumbnail, .search-results .site-main .type-product .post-thumbnail, .ctdl-posts-search-results.layout-simple article .post-thumbnail, .ctdl-blog-posts.layout-simple article .post-thumbnail, .ctdl-posts.layout-simple article .post-thumbnail {width: 160px; max-width: 160px; float: left;} .ctdl-blog-posts.layout-simple .entry-content, .ctdl-blog-posts.layout-simple .entry-summary, .ctdl-posts-search-results.layout-simple .entry-content, .ctdl-posts-search-results.layout-simple .entry-summary {min-height:120px; max-height:120px; overflow:hidden;} .ctdl-blog-posts.layout-simple .entry-content:after, .ctdl-blog-posts.layout-simple .entry-summary:after, .ctdl-posts-search-results.layout-simple .entry-content:after, .ctdl-posts-search-results.layout-simple .entry-summary:after {content: ""; height:0px; width:100%; display:block; clear: both;} .blog .site-main .type-post .entry-footer, .archive .site-main .type-post .entry-footer, .search-results .site-main .hentry .entry-footer, .search-results .site-main .type-product .entry-footer, .ctdl-posts-search-results.layout-simple article .entry-footer, .ctdl-blog-posts.layout-simple article .entry-footer, .ctdl-posts.layout-simple article .entry-footer {display:none !important; min-height:0 !important;} } @media only screen and (max-width: 640px) { .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4 {text-align:left;} body:not(.page-fullwidth).right-sidebar #secondary, body:not(.page-fullwidth).left-sidebar #secondary {display:none;} .ctdl-blog-posts.layout-simple .entry-content, .ctdl-blog-posts.layout-simple .entry-summary, .ctdl-posts-search-results.layout-simple .entry-content, .ctdl-posts-search-results.layout-simple .entry-summary {float:none; width:100%; min-height:120px; max-height:none; overflow:auto;} .blog .site-main .type-post .post-thumbnail, .archive .site-main .type-post .post-thumbnail, .search-results .site-main .hentry .post-thumbnail, .search-results .site-main .type-product .post-thumbnail, .ctdl-posts-search-results.layout-simple article .post-thumbnail, .ctdl-blog-posts.layout-simple article .post-thumbnail, .ctdl-posts.layout-simple article .post-thumbnail {display:none;} } @media only screen and (max-width: 540px) { .single-post .entry-content h1 {font-size:32px; line-height: 36px; padding:0 00px 0 10px; } .single-post .entry-content h2 {font-size:24px; line-height: 28px; padding:0 00px; } .single-post .entry-content h3 {font-size:18px; line-height: 26px; padding:0 00px;} .single-post .entry-content h4 {font-size:18px; line-height: 25px; padding:0 01px; } .single-post .entry-content p {font-size:16px; line-height: 24px; padding:0 01px;} .single-post .entry-content p:last-of-type {font-size:20px; line-height: 24px; padding:0 00px; } .single-post .entry-content li {font-size:16px; line-height: 26px; padding:0 01px;} .single-post .entry-content img {width:calc(100% + 80px); max-width:calc(100% + 80px); margin-left:-40px;} } /* footer */ .site-content {padding-bottom: 40px !important;} .site-footer .site-info {display:none;} .site-footer {border-top-left-radius:40px; border-top-right-radius: 40px;} .footer-widgets-area #block-12 {display:block; width:100%; max-width:100% !important; padding-bottom: 20px; border-bottom: 2px solid #f5cc49; text-align:center; justify-content:center; margin-top:-20px;} .footer-widgets-area #block-12 figure {margin:0 auto !important;} .footer-widgets-area #block-13 {display:block; width:100%; max-width:100%; margin-bottom:40px;} .footer-widgets-area #block-13 .wp-block-column h3, .footer-widgets-area #block-13 .wp-block-column p {display:block; font-size:18px !important; line-height:28px !important; margin-top:0px; margin-bottom:0px; color:#212626; } .footer-widgets-area #block-13 .wp-block-columns {max-width:780px; margin: auto;} .footer-widgets-area .wp-block-column a {color:#212626 !important; opacity:1; } .footer-widgets-area .wp-block-column .yb-kn a {border-bottom: 2px solid #f5cc49;} .footer-widgets-area .wp-block-column a:hover {color:#f5cc49;} .widget_maxmegamenu {width:100% !important; max-width:100% !important;} .widget_maxmegamenu ul li {display:inline-block; width:49%; font-size:14px; padding-left:10px;} .widget_maxmegamenu h3 {margin-bottom:22px; font-size:24px; text-align:center;} .widget_maxmegamenu .citadela-menu-footer-menu {max-width:440px; margin: auto;} .citadela-menu-footer-menu a {color:#212626 !important; font-weight:600; font-stretch: 95%; text-transform: uppercase; letter-spacing: 0.05em; padding-bottom:16px; display:inline-block; border-bottom:none !important; font-style: normal !important;} .citadela-menu-footer-menu a:hover {color:#f5cc49 !important;} .widget_maxmegamenu ul li:nth-of-type(even) {margin-left:40px; margin-right:-40px;} .nav-menu-footer {display:none;} .footer-widgets-area #block-9 {max-width:100% !important; text-align:center; margin-bottom:20px !important;} .footer-widgets-area #block-9 .socialfooter-kn div {display:inline-block; width:120px; position:relative;} .footer-widgets-area #block-9 a {color:#212626; display:inline-block; width:120px; } .footer-widgets-area #block-9 a:hover {color:#f5cc49;} .linkedin-kn a:before {content:url("../../uploads/MENUE-LinkedIN-ICON-blue.svg"); width:100px; display:block; margin-bottom:-10px; margin-left:10px;} .linkedin-kn a:hover:before {content:url("../../uploads/MENUE-LinkedIN-ICON-blue-hover.svg"); width:100px; display:block; margin-bottom:-10px; margin-left:10px; } .youtube-kn a:before {content:url("../../uploads/MENUE-YouTube-ICON-blue.svg"); width:100px; display:block; margin-bottom:-10px; margin-left:10px;} .youtube-kn a:hover:before {content:url("../../uploads/MENUE-YouTube-ICON-blue-hover.svg"); width:100px; display:block; margin-bottom:-10px; margin-left:10px;} .facebook-kn a:before {content:url("../../uploads/MENUE-Facebook-ICON-blue.svg"); width:100px; display:block; margin-bottom:-10px; margin-left:10px; } .facebook-kn a:hover:before {content:url("../../uploads/MENUE-Facebook-ICON-blue-hover.svg"); width:100px; display:block; margin-bottom:-10px; margin-left:10px; } .footer-widgets-area #block-10 {width:100%; max-width:100%; margin-bottom:0px !important;} .oleterfooter a {color:#212626 !important; font-weight:600 !important; font-stretch: 95% !important; text-transform: uppercase; letter-spacing: 0.05em; display:inline-block; border-bottom:none !important; font-style: normal !important; font-size:12px !important; font-variation-settings: "wght" 600, 'wdth' 95; } .oleterfooter a:hover {color:#f5cc49 !important;} .footer-widgets-area #block-11 {width:100%; max-width:100%; margin-bottom:10px !important; margin-top:-20px;} .integritetsfooter a {color:#212626 !important; font-weight:400 !important; font-stretch: 95% !important; display:inline-block; border-bottom:none !important; font-style: normal !important; font-size:12px !important; } .integritetsfooter a:hover {color:#f5cc49 !important;} @media only screen and (min-width: 641px) and (max-width: 780px) { .footer-widgets-area #block-13 .wp-block-columns {flex-wrap:nowrap !important;} .footer-widgets-area #block-13 .wp-block-columns .wp-block-column {flex-basis:0 !important;} .widget_maxmegamenu h3 {text-align: center;} .footer-widgets-area #block-9 {margin-top:-40px;} } @media only screen and (min-width: 461px) and (max-width: 640px) { .citadela-menu-footer-menu {padding-left:20px;} } @media only screen and (max-width: 460px) { .widget_maxmegamenu ul li:nth-of-type(even) {margin-left:0px; margin-right:0px;} } @media only screen and (max-width: 640px) { .site-content {padding-bottom: 20px !important;} .footer-widgets-area #block-13 {margin-bottom:60px;} .widget_maxmegamenu h3 {text-align: center;} .footer-widgets-area .widget_maxmegamenu ul li {padding-bottom:10px; font-size:13px;} .footer-widgets-area #block-9 {margin-top:-60px;} .footer-widgets-area #block-9 .socialfooter-kn div {display:inline-block; width:100px; position:relative;} .footer-widgets-area #block-9 a {width:100px; } .linkedin-kn a:before {content:url("../../uploads/MENUE-LinkedIN-ICON-deafault.svg"); width:80px; display:block; margin-bottom:-10px; margin-left:10px;} .linkedin-kn a:hover:before {content:url("../../uploads/MENUE-LinkedIN-ICON-hoover.svg"); width:80px; display:block; margin-bottom:-10px; margin-left:10px; } .youtube-kn a:before {content:url("../../uploads/MENUE-YouTube-ICON-default.svg"); width:80px; display:block; margin-bottom:-10px; margin-left:10px;} .youtube-kn a:hover:before {content:url("../../uploads/MENUE-YouTube-ICON-hoover.svg"); width:80px; display:block; margin-bottom:-10px; margin-left:10px;} .facebook-kn a:before {content:url("../../uploads/MENUE-Facebook-ICON-default.svg"); width:80px; display:block; margin-bottom:-10px; margin-left:10px; } .facebook-kn a:hover:before {content:url("../../uploads/MENUE-Facebook-ICON-hoover.svg"); width:80px; display:block; margin-bottom:-10px; margin-left:10px;} .footer-widgets-area #block-11 {margin-top:20px; text-align:center;} } @media only screen and (max-width: 599px) { .site-footer .footer-widgets-area.collapsible-widgets {display: flex !important;} .site-footer .footer-widgets-button {display:none;} } @media only screen and (max-width: 420px) { .citadela-menu-footer-menu {padding-left:00px; text-align:left;} .site-footer .footer-widgets-area .widget {padding-left: 10px !important; padding-right: 10px!important;} .footer-widgets-area .widget_maxmegamenu ul li:nth-of-type(odd) {width:56%;} .footer-widgets-area .widget_maxmegamenu ul li:nth-of-type(even) {width:42%;} } @media only screen and (max-width: 400px) { .site-footer .footer-widgets-area {flex-flow:wrap;} } /* ReCaptcha. */ .grecaptcha-badge {display:none;} /* COOKIEBOT. */ #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {font-weight:normal !important;} #CybotCookiebotDialog h2 {font-weight:normal !important; font-family: "Open Sans" !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {font-weight:normal !important; font-family: "Open Sans" !important; } #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription {font-weight:normal !important; font-family: "Open Sans" !important; } #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab {font-weight:normal !important; font-family: "Open Sans" !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {-webkit-border-radius:8px !important; -moz-border-radius: 8px !important; border-radius:8px !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {font-weight: 700;} #CookiebotWidget #CookiebotWidget-buttons button {-webkit-border-radius:8px !important; -moz-border-radius: 8px !important; border-radius:8px !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {background-color:#0163ac !important; border-color:#0163ac !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {border-color: #0163ac !important;} #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {border-color: #0163ac !important;} #CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color:#0163ac !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {color:#0163ac !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {color:#0163ac !important; } #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {color:#0163ac !important; } #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {color:#0163ac !important; } #CookiebotWidget .CookiebotWidget-consent-details button {color:#0163ac !important;} #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {fill:#0163ac !important;} #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {border-color:#0163ac !important;} #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {background-color:#0163ac !important; border-color:#0163ac !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {border-bottom: 1px solid #0163ac !important; color: #0163ac !important;} /* WOOCOMMERCE. */ /* Minicart & Header */ .mega-menu-wrap, .citadela-woocommerce-minicart {display: inline-block !important;} .site-header .citadela-woocommerce-minicart .cart-header {padding: 0 0 0 20px; color: #FCF0C8;} .site-header .citadela-woocommerce-minicart .cart-header > .cart-icon {background-color: transparent; color: #0163AC;} .site-header .citadela-woocommerce-minicart .cart-header > .cart-icon:hover {color: #f5cc49; transition: all 0.3s;} .site-header .citadela-woocommerce-minicart .cart-header > .cart-icon {border-radius: 100px; top: -0.8em; position: relative;} .site-header .citadela-woocommerce-minicart .cart-header > .cart-icon .fa-shopping-basket {font-size: 2em;} .site-header .citadela-woocommerce-minicart .cart-content, .site-header .citadela-woocommerce-minicart.opened .cart-content {margin: 20px 0 0 0; border-radius: 10px;} .fa-shopping-basket:before {content: ""!important; display: inline-block; width: 2em; height: 2em; background-image: url('/wp-content/uploads/CART-ICON_03-white.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; } .site-header .citadela-woocommerce-minicart.is-empty .cart-header > .cart-icon {border-radius: 100px; top: -0.8em; position: relative;} .site-header .citadela-woocommerce-minicart.is-empty .cart-content, .site-header .citadela-woocommerce-minicart.opened .cart-content {margin: 10px 0 0 0; border-radius: 10px;} .site-header .citadela-woocommerce-minicart p.emptycart {display:none;} .site-header .citadela-woocommerce-minicart.is-empty p.emptycart {display:block; text-align:center; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85; } .site-header .citadela-woocommerce-minicart .cart-header > .cart-count {border-radius: 100px; font-size: 10px; font-weight: 700; position: absolute; right: 0; top: 0;} .site-header .citadela-woocommerce-minicart .cart-content .widget .cart_list li {padding: 0 0 1em 0; border: none;} .site-header .widget.woocommerce.widget_shopping_cart .cart_list li a {color: #212626; } .site-header .widget.woocommerce.widget_shopping_cart .cart_list li a:hover {color: #f5cc49;} .site-header .citadela-woocommerce-minicart .cart-content .widget .cart_list li img {display: none; } .site-header .citadela-woocommerce-minicart .cart-content .widget .cart_list li .quantity {padding-left: 0px;} .site-header .widget.woocommerce.widget_shopping_cart .total {color: #212626;} .ecombutton {position: relative; display: inline-block; width: 100%; padding: 14px 0 15px; background-color: #0163ac; border-radius: 10px !important; color: #ffffff; text-align: center; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85; border:none !important; } .ecombutton:hover {background-color: #f5cc49; transition: all 0.3s; cursor: pointer; } #main > ul > li.product.type-product.status-publish.instock.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-simple > a.button.wc-forward.ecombutton {padding: 15px!important; opacity: 100!important; font-size: 13px!important; width: 93%; margin: 0 auto 10px; } .woocommerce-page.single-product #content .site-main .entry-summary button.single_add_to_cart_button {padding: 14px 0 15px; background-color: #0163ac!important; border-radius: 10px !important; color: #ffffff !important; text-align: center; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85; } .woocommerce-page.single-product #content .site-main .entry-summary button.single_add_to_cart_button:hover {background-color: #f5cc49!important; transition: all 0.3s; } .wc-forward {background-color: #0163ac!important; color: #ffffff!important; } /* Category & Listing */ .woocommerce-page #content .site-main ul.products li.product .woocommerce-loop-product__title, .woocommerce-page #content .site-main ul.products li.product h2 {font-size: 20px!important;} .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-product-short-description, .woocommerce ul.products li.product .price {padding: 0 15px;} .woocommerce ul.products li.product .woocommerce-loop-product__title {margin-bottom: 0.75rem;} .woocommerce-product-short-description p {font-size: 13px !important;} .price .woocommerce-Price-amount bdi {font-size: 15px !important;} .woocommerce-page #content .site-main .woocommerce-ordering {display: none;} .product-listing-other-pages .wc-block-components-product-image img, .woocommerce-page #content .site-main div.product .images .woocommerce-product-gallery__image:first-child img, .woocommerce-page #content .site-main ul.products li.product img {border-radius: 10px !important;} .woocommerce-page #content .site-main ul.products li.product img {width: 93%; top: 10px; margin: 10px auto; } .site .woocommerce-products-header .woocommerce-products-header__title, .site .site-content .page-title {padding: 1em 0 0 0; margin-left: 0; margin-top: 0em; } .site .site-content .page-title .entry-header h1, .site .site-content .page-title .entry-header h1 .main-text {text-shadow: none;} .woocommerce-page #content .site-main ul.products li.product .add_to_cart_button {display: none;} .woocommerce-page #content .site-main ul.products li.product:hover > a img {transform: scale(1.01); transition: all 0.3s;} #block-15 {margin-bottom: 0em;} .site .wp-block-search {margin-bottom: 1em;} .site .wp-block-search .wp-block-search__label:not(.screen-reader-text) {display: none;} .site .wp-block-search .wp-block-search__input {color: #333; background-color: #fcf0c8; width: 200px; margin: 0; min-height: 0; padding: 0 46px 0 2em; height: 46px; border: 0; line-height: 46px; transition: width 0.6s, background-color 0.6s, color 1s; box-sizing: border-box; border-radius: 40px; vertical-align: top; box-shadow: 0px 5px 10px -10px rgba(0,0,0,.3); } .site .wp-block-search .wp-block-search__input::placeholder {color: #404040; font-style: italic; } .woocommerce-page #content .site-main .wp-block-search button[type="submit"] {display: none; } .go-back-button {display: block;} .go-back-button:hover {transition: all 0.3s; cursor: pointer;} .woocommerce-result-count {display: none; } #block-16 {display: inline-block; } .woocommerce-page .wc-block-product-categories.is-list ul li {background: #0163ac; border: none; border-radius: 10px; color: #fff; padding: 0.5em; } .woocommerce-page .wc-block-product-categories.is-list ul li a {color: #fff; } .woocommerce-page .wc-block-product-categories.is-list ul li:hover {background: #f5cc49; cursor: pointer; color: #fff; } .woocommerce-page .wc-block-product-categories.is-list ul li:hover > a {color: #fff; } .woocommerce-page #content .site-main .woocommerce-ordering + ul.products { padding-top: 0em!important; } /* Contents */ .product-contents {position: relative; clear: both; margin-bottom: 2em; } /* Cart */ .woocommerce table.shop_table td a {color: #404040;} .woocommerce table.shop_table td a:hover {color: #f5cc49;} .site .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {display: inline-flex; width: 100%;} .woocommerce-page.woocommerce-cart #content .entry-content .woocommerce .cart-collaterals .cart_totals h2 {border: none; background-color: transparent; text-transform: none; letter-spacing: normal; display: none;} .woocommerce-page #content .woocommerce table.shop_table.cart, .woocommerce-page.woocommerce-cart #content .woocommerce .cart-collaterals .cart_totals table.shop_table {border-radius: 10px; border-top: solid rgba(34, 34, 34, 0.1); background-color: #ffffff;} .woocommerce-page #content .woocommerce table.shop_table {background-color: #ffffff; border-radius: 10px;} .woocommerce-page.woocommerce-cart #content .woocommerce .cart-collaterals .cart_totals table.shop_table {width: 80%; background-color: #ffffff;} .woocommerce-page #content .woocommerce table.shop_table td strong {color: #212626!important;} .woocommerce-page .site #content .site-main .wc-proceed-to-checkout a.checkout-button, .woocommerce-page .site #content .site-main button.button {background-color: #0163ac; border-radius: 10px !important; color: #ffffff; text-align: center; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85;} .woocommerce-page .site #content .site-main .wc-proceed-to-checkout a.checkout-button:hover {background-color: #f5cc49 !important; transition: all 0.3s; cursor: pointer; } .wc-proceed-to-checkout {margin: 1em; } /* PDP */ .products li, .product-listing-other-pages li, .woocommerce-page #content .site-main .product {background-color: #fff; border-radius: 10px;} .woocommerce-page #content .site-main .product {padding: 2em;} .woocommerce-page #content .site-main div.product .cart .quantity {display: none;} .site .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 38%;} .site .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 58%;} .site-main div.product .woocommerce-tabs ul.tabs {display: none;} .woocommerce-page #content .site-main div.product .woocommerce-tabs .panel {border: none !important; padding: 0px !important;} .woocommerce-page.single-product #content .site-main .entry-summary .quantity .qty {border-radius: 10px;} .woocommerce-page.no-page-title .site-content {padding-top: 1em;} .woocommerce-page #content .site-main div.product .summary .price .amount {color: #404040;} .vat-included, .woocommerce-page #content .site-main div.product .summary .price .vat-included .amount {font-size: 0.9em; color: #777; display: inline-block; vertical-align: middle;} .woocommerce-notices-wrapper {background-color: #fff;} .woocommerce-notices-wrapper .woocommerce-message {border-top: none; } .woocommerce-notices-wrapper .woocommerce-message::before {color: #b2d0e6;} .woocommerce-notices-wrapper .woocommerce-message a {border-radius: 10px !important;} .price { display: grid; } /* TILLÄGG ADDONS */ /* Checkout */ .woocommerce-page #content .site-main form .form-row, .woocommerce-page #content .site-main form .form-row input.input-text, .woocommerce-page #content .site-main form .form-row textarea {background-color: #fff !important; border-radius: 10px !important;} .woocommerce-page #content .woocommerce table.shop_table tfoot td, .woocommerce-page #content .woocommerce .woocommerce-order ul.order_details li strong {color: #212626!important;} /* Homepage & Blocks */ .product-listing-other-pages {margin-top: 5em;} .products-homepage .wp-block-button__link {position: relative; display: inline-block; width: 100%; padding: 14px 0 15px; background-color: #0163ac !important; border-radius: 10px !important; color: #ffffff !important; text-align: center; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85; margin-top: 1em; } .products-homepage .wp-block-button__link:hover {background-color: #f5cc49 !important; transition: all 0.3s; cursor: pointer; } .product-listing-other-pages .wp-block-post-excerpt__more-link {position: relative; display: inline-block; width: 100%; padding: 14px 0 15px; background-color: #0163ac; border-radius: 10px !important; color: #ffffff; text-align: center; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85; margin-top: 1em;} .product-listing-other-pages .wp-block-post-excerpt__more-link:hover {background-color: #f5cc49; transition: all 0.3s; cursor: pointer;} .product-listing-other-pages .wc-block-components-product-image {padding: 15px; border-radius: 10px; background-color: #fff;} .product-listing-other-pages .wp-block-post-title, .product-listing-other-pages .wp-block-post-excerpt, .product-listing-other-pages .wp-block-woocommerce-product-price {padding: 0px 15px; } .product-listing-other-pages .wc-block-components-product-image img {border-radius: 10px; } .product-listing-other-pages .wc-block-components-product-image img:hover {transition: 50ms linear; opacity: 0.95;} .more-services {min-height: revert !important; padding: 5em;} .more-services .wp-block-cover__background {background-color: transparent;} .product-listing-other-pages .wc-block-components-product-price {font-size: 0.7em;} .woocommerce-page #content .site-main form .form-row input.input-text, .woocommerce-page #content .site-main form .form-row textarea {color: #212626 !important;} .order-thank-you-wc {background-color: #fff; padding: 15px; border-radius: 15px;} .step-list {list-style: auto;} .info-list-after-order {list-style: none;} .woocommerce-page #content .woocommerce .woocommerce-order ul.order_details li, .woocommerce-page #content .woocommerce table.shop_table, .woocommerce-page #content .woocommerce .woocommerce-customer-details address {border-radius: 15px !important;} .woocommerce-page #content .woocommerce table.shop_table thead th:first-child {border-radius: 15px 0 0 0 !important;} .woocommerce-page #content .woocommerce table.shop_table thead th:last-child {border-radius: 0 15px 0 0 !important; } /* MOBILE */ .mobile-heading {display: none;} .mobile-screen-width.responsive-menu:not(.header-scrolled).header-with-cart .site-header .main-navigation {left: revert !important;} body:not(.mobile-screen-width).classic-header-layout .site-header .main-navigation, body:not(.mobile-screen-width).center-header-layout .site-header.is-sticky .main-navigation {display: inline-flex!important; flex: initial!important;} .mobile-screen-width.responsive-menu:not(.header-scrolled) .site-header .citadela-woocommerce-minicart:not(.opened) .cart-header > .cart-icon {color: #0163AC!important; top: -11px; right: 10px;} .responsive-menu .citadela-woocommerce-minicart.opened .cart-header {position: absolute; top: 22px!important; right: 22px!important;} @media only screen and (max-width: 1300px) { .product-listing-other-pages {margin-top: 2em;} } @media only screen and (max-width: 1243px) { .site .woocommerce #content div.product div.images {width: 60%;} } @media only screen and (max-width: 800px) { /* .site .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 58%;} */ .site .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 80%;} .woocommerce-page #content .site-main div.product .summary .product_title {font-size: 2em;} .site-header .citadela-woocommerce-minicart .cart-header > .cart-count {border-radius: 100px; font-size: 10px; font-weight: 700; position: absolute; right: 0; top: 0; display: none; } #main > ul > li.product.type-product.status-publish.instock.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-simple {margin: 0px 8px 2em 0px!important; } /* .fa-shopping-basket:before {width: 1.5em!important; height: 1.5em!important; } */ .product-listing-other-pages .wc-block-components-product-image img, .woocommerce-page #content .site-main ul.products li.product img {margin-top: 15px; } .mobile-heading {display: block; font-size: 24px; } .site .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 100%; } /* .citadela-woocommerce-minicart {top: -0.7em;} */ } @media only screen and (max-width: 780px) { .citadela-woocommerce-minicart {top: -0.35em;} } @media only screen and (max-width: 600px) { .woocommerce-ordering {display: none;} .woocommerce .widget {margin-bottom: 1em;} .products .product-contents {display: none;} .woocommerce ul.products li.product a img {width: 70%; margin: auto auto 20px;} .woocommerce-page #content .site-main ul.products.columns-3 li.product {width: 100%!important;} .fa-shopping-basket:before {width: 1.2em !important; height: 1.2em !important; padding-top:4px; } .mega-menu-wrap {display: block !important;} .citadela-woocommerce-minicart {top: 10px; right:10px; } .site-header .citadela-woocommerce-minicart .cart-header {width:auto; height:46px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#fcf0c8;} .mobile-screen-width.responsive-menu:not(.header-scrolled) .site-header .citadela-woocommerce-minicart:not(.opened) .cart-header > .cart-icon {top:-6px; right: 6px;} .responsive-menu .citadela-woocommerce-minicart.opened {top:86px !important; width:94% !important; left:auto; margin-left:auto !important; height: auto !important; background: #fcf0c8 !important; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .responsive-menu .citadela-woocommerce-minicart.opened .cart-header {position: absolute; top: 12px!important; right: 10px!important;} .header-scrolled .site-header .citadela-woocommerce-minicart .cart-header {position:relative; top:-65px; } } /* Product listing other pages NEW */ .product-listing-kn li {padding:20px 10px 10px; position:relative;} .product-listing-kn .wc-block-components-product-image {aspect-ratio: 2 / 1; overflow:hidden; z-index:28; border-radius: 0px; background-color: rgba(255,255,255,0) !important; border-top: 8px solid #f5cc49; padding:0px 0px 15px !important; margin-left:15px; margin-right:15px;} .product-listing-kn .wc-block-components-product-image img {border-radius: 0px !important; top:50%; transform:translateY(-25%); padding:0px !important;} .product-listing-kn h2 {font-size:24px !important; line-height:32px !important; margin-bottom:28px;} .product-listing-kn h4.wp-block-post-title {position:absolute; top: 30px; left:28px; font-size:22px !important; font-weight:400 !important; font-stretch:0.95; font-variation-settings: "wght" 400, 'wdth' 95 !important; color:#ffffff !important; z-index:30; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), 0px 0px 10px rgba(0, 0, 0, 0.15); padding-right:26px; } .product-listing-kn h4.wp-block-post-title a {color: #ffffff !important;} .product-listing-kn h3.wp-block-post-title {padding: 0px 0px 0px 19px; font-size:18px !important; margin-bottom:6px !important; letter-spacing: -0.02em; color:#212626; margin-top:8px !important; } .product-listing-kn h3.wp-block-post-title a {color: #212626 !important;} .product-listing-kn .wp-block-post-excerpt {padding: 0px 19px 4px 19px;} .product-listing-kn .wp-block-post-excerpt__more-link {position: relative; display: inline-block; width: calc(100% + 4px); padding: 14px 0 15px 60px; background-color: #0163ac; border-radius: 10px !important; color: #ffffff; text-align: left; font-size:16px; font-stretch: 85% !important; font-weight: 650 !important; font-variation-settings: "wght" 650, 'wdth' 85; margin-top: 1em; margin-left:-4px;} .product-listing-kn .wp-block-post-excerpt__more-link:before {content: ""; display: inline-block; position:absolute; top:2px; left:10px; width: 50px; height: 50px; background-image: url('/wp-content/uploads/CART-ICON_01-whitelines.svg'); background-size: contain; background-repeat: no-repeat;} .product-listing-kn .wp-block-post-excerpt__more-link:hover {background-color: #f5cc49; transition: all 0.3s; cursor: pointer; } .product-listing-kn .wp-block-post-excerpt__more-link:hover:before {content: ""; display: inline-block; position:absolute; top:2px; left:10px; width: 50px; height: 50px; background-image: url('/wp-content/uploads/CART-ICON_01-light.svg'); background-size: contain; background-repeat: no-repeat;} .teaser-onlineshop-kn {max-width:640px; margin:60px auto 80px;} .teaser-onlineshop-kn h3 {font-size:20px !important; line-height:28px !important; margin-bottom:8px;} .teaser-onlineshop-kn p {font-size:16px !important; line-height:24px !important; margin-bottom:8px;} .teaser-onlineshop-kn .wp-block-button__link {font-size:16px !important; line-height:50px !important; padding:0 30px !important; height:50px !important;} @media only screen and (min-width:681px) and (max-width: 920px) { .product-listing-kn .wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1 {grid-template-columns: repeat(2, minmax(0, 1fr));} .teaser-onlineshop-kn {width:48%; float:right; text-aign:center; margin-top: -360px; margin-bottom:160px; padding-right:2%;} } @media only screen and (max-width: 800px) { .product-listing-kn .wc-block-components-product-image img {margin-top: 0px;} } @media only screen and (min-width:461px) and (max-width: 680px) { .product-listing-kn .wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1 {grid-template-columns: 1fr;} .product-listing-kn li {display:inline-grid; grid-template-columns: [image] 40% [desc] 60% [end]; grid-template-rows: auto; grid-row-gap: 10px;} .product-listing-kn h4.wp-block-post-title {display:none;} .product-listing-kn .wc-block-components-product-image {position:relative; display:inline-block !important; aspect-ratio: 1 / 1.2; overflow:hidden; z-index:28; width:96%; max-width:96%; box-sizing: border-box; grid-row: 1 / 3; border-top:none; border-left: 8px solid #f5cc49; margin-right:0px; padding-right:10px; } .product-listing-kn .wc-block-components-product-image img {border-radius: 0px !important; top:0%; transform: translateY(0%); max-width:none !important; height:100%;} .product-listing-kn h3.wp-block-post-title {position:relative; display: inline-block; width:100%; padding:0px 10px 0px 20px !important; } .product-listing-kn .wp-block-post-excerpt {position:relative; display: inline-block; width:100%; padding:0px 10px 0px 20px !important; } .product-listing-kn .wp-block-post-excerpt__more-link {width: 100%; padding: 0px 0 0px 60px; font-size:14px; height:46px; line-height:46px !important; margin-top: 1em; margin-left:0px;} .product-listing-kn .wp-block-post-excerpt__more-link:before {top:3px; left:10px; width: 40px; height: 40px; } .product-listing-kn .wp-block-post-excerpt__more-link:hover:before {top:3px; left:10px; width: 40px; height: 40px; } .teaser-onlineshop-kn {width:90%; margin:60px auto 80px;} .teaser-onlineshop-kn h3 {font-size:18px !important; line-height:24px !important;} .teaser-onlineshop-kn p {font-size:14px !important; line-height:20px !important; } } @media only screen and (min-width:461px) and (max-width: 580px) { .product-listing-kn .wc-block-components-product-image {aspect-ratio: 1 / 1.45; } } @media only screen and (max-width: 460px) { .product-listing-kn h4.wp-block-post-title {display:none;} }