/* sticked header height */ /* sticked header background */ body {padding-top:140px;} .outer { margin:0 auto; text-align:left; -moz-box-sizing: border-box; box-sizing: border-box; width:980px; } .outer.narrow {max-width:800px;} .outer.center, .center>.outer, .module.center {text-align:center;} #header { position:fixed;top:0;left:0; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index:100; background-color:#fff; width:100%; height:140px } #header::before { content:"";font-size:0; position:absolute;top:0;left:0; height:12px; width:100%; z-index:1; background-color:#79bc43; } #header>.outer {text-align:right; height:100%;} #logo {float:left; width:340px;margin-top:50px;} #logo img, #logo svg {width:100%;} #header-nav { display:inline-block; height:100%; vertical-align:middle; /*position:relative;z-index:1;*/ } #header-nav-in {width:100%;height:100%;} #mobile-nav {display:none;} #custom-search {display:inline-block; vertical-align:middle; border:1px solid transparent; border-radius:3px; padding:4px 5px; margin-top:6px; transition:all 0.3s;} .active#custom-search {background:#fff; border-color:#71c247;} #custom-search button {background:none; padding:0; margin:0; box-shadow:none; color:#71c247; font-size:18px; transition:all 0.3s;} #custom-search #search-term {color:#333; width:0; background:transparent; border:none; padding:0; margin:0; transition:all 0.3s;} .active#custom-search #search-term {width:140px;} @media (min-width: 1181px) { #menu { /*position:absolute;bottom:24px;right:0;*/ width:100%; text-align:right; padding-top:59px; } #hs_menu_wrapper_mainmenu>ul {font-size:0;} #menu ul, #menu .hs-menu-wrapper {padding:0;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1 {display:inline-block; height:80px; vertical-align:bottom; margin:0; padding:0; position:static;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1>a { display:inline-block;padding:0 12px; text-decoration:none;color:#305470; font-size:13px; line-height:34px; position:relative; z-index:2; transition:all 0.3s; vertical-align:bottom; height:81px; /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/ font-weight:bold; text-transform:uppercase; } #hs_menu_wrapper_mainmenu li.hs-menu-depth-1>a:hover, #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:hover>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-1.active-branch>a {color:#71c247;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:first-child {display:none;} /* #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:last-child>a {padding-right:0;}*/ #hs_menu_wrapper_mainmenu>ul>li.hs-menu-depth-1.hs-item-has-children>a:before { content: ''; font-size:0; display: block; position: absolute; bottom: 0; left:50%; margin-left:-17px; border-bottom:15px solid #305470; border-left:15px solid transparent; border-right:15px solid transparent; opacity:0;visibility:hidden; /*transition:opacity 0.3s;*/ } #hs_menu_wrapper_mainmenu>ul>li.hs-menu-depth-1.hs-item-has-children:hover>a:before, #hs_menu_wrapper_mainmenu>ul>li.hs-menu-depth-1.hs-item-has-children.active-branch>a:before {opacity:1; visibility:visible;} #hs_menu_wrapper_mainmenu>ul>li.hs-menu-depth-1.active-branch>a::after { content:""; display:block; font-size:0; background:#305470; height:3px; } #menu .arrow {display:none;} #hs_menu_wrapper_mainmenu ul ul {padding:0; margin:0; opacity:0; visibility:hidden;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1>ul, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2>ul { margin:0; list-style:none; position:absolute; top:100%; left:0; width:100%; text-align:center; background-color:#305470; box-sizing:border-box; /*transition:opacity 0.3s ease;*/ /*box-shadow: 0 0 10px rgba(0,0,0,0.3); */ } #hs_menu_wrapper_mainmenu li.hs-menu-depth-1>ul {height:48px;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1.active-branch>ul {opacity:1 !important; visibility:visible !important;z-index:1; box-shadow:0 2px 3px rgba(0,0,0,0.3);} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:hover>ul, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2:hover>ul {opacity:1 !important; visibility:visible !important; z-index:2;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-2:hover ul ul {opacity:1; visibility:visible;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-2 {display:inline-block; padding:0; position:static;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-2>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-3>a { display:inline-block; line-height:1.2; text-decoration:none; font-size:15px; padding:15px 10px; color:#fff; position:relative; transition:color 0.3s; } #hs_menu_wrapper_mainmenu li.hs-menu-depth-2>a:hover, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2:hover>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.active>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.active-branch>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-3>a:hover, #hs_menu_wrapper_mainmenu li.hs-menu-depth-3.active>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-4.active>a, #hs_menu_wrapper_mainmenu li.hs-menu-depth-5.active>a {color:#999; font-weight:bold;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.hs-item-has-children>a::before { content:""; font-size:0; position:absolute; bottom:0; left:0; height:2px; width:100%; background:#fff; opacity:0; visibility:hidden; } #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.hs-item-has-children>a:hover::before, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.hs-item-has-children:hover>a::before { opacity:1; visibility:visible; } #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.hs-item-has-children>a::after { content: "\e907"; display:inline-block; padding-left:5px; padding-top:5px; vertical-align:top; font-size:5px; } #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.hs-item-has-children>a:hover::after, #hs_menu_wrapper_mainmenu li.hs-menu-depth-2.hs-item-has-children:hover>a::after {content: "\e90a";} #hs_menu_wrapper_mainmenu li.hs-menu-depth-2>ul {border-top:1px solid #999;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-3 {display:inline-block; padding:0 15px; vertical-align:top; box-sizing:border-box; max-width:33.3%;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-3>a {padding:15px 0; display:block; text-align:left;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-3.hs-item-has-children {padding-bottom:15px;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-3.hs-item-has-children>a {font-weight:500; padding-bottom:5px;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-3 ul {font-size:14px; text-align:left;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-3 ul li {padding:0;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-4 a {color:#fff; display:block; text-decoration:none;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-4 a:hover {color:#999;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-4 ul {padding-left:10px;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-5 a::before { content:"\00b7"; display:inline-block; vertical-align:middle; margin-right:4px; } #hs_menu_wrapper_mainmenu li.green-button {padding-left:10px;} #hs_menu_wrapper_mainmenu li.green-button a { background:#78be20; padding-left:20px; padding-right:20px; } #hs_menu_wrapper_mainmenu li.green-button a:hover {color:#000;} #hs_menu_wrapper_mainmenu li.green-button a::after {content:none !important; display:none !important;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:nth-child(2)>ul>li:nth-child(2)>ul>li {padding-left:20px; padding-right:20px;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:nth-child(2)>ul>li:nth-child(2)>ul>li:nth-child(3) {width:460px;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:nth-child(2)>ul>li:nth-child(2)>ul>li:nth-child(3)>ul::after {content:""; display:block; font-size:0; clear:both;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:nth-child(2)>ul>li:nth-child(2)>ul>li:nth-child(3)>ul>li {width:40%; float:left;} #hs_menu_wrapper_mainmenu li.hs-menu-depth-1:nth-child(2)>ul>li:nth-child(2)>ul>li:nth-child(3)>ul>li:first-child {width:60%;} } #hs_menu_wrapper_topics, .jumpto-topics-desktop, .jumpto-topics-table { background-color:#505357; width:100%; height:66px; position:relative; text-align:left; } #hs_menu_wrapper_topics>ul, .jumpto-topics-desktop>ul, .jumpto-topics-table>ul { padding:0; margin:0 auto; max-width:980px; font-size:0; box-sizing:border-box; } #hs_menu_wrapper_topics>ul>li, .jumpto-topics-desktop>ul>li { display:inline-block; padding:0; position:relative; font-size:13px; } #hs_menu_wrapper_topics>ul>li>a, .jumpto-topics-desktop>ul>li>a { line-height:66px; padding:0 15px; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; transition:all 0.3s; border-right:1px solid #d6d6d6; } #hs_menu_wrapper_topics>ul>li:first-child>a {border-left:1px solid #d6d6d6;} #hs_menu_wrapper_topics>ul>li>a:hover, #hs_menu_wrapper_topics>ul>li:hover>a, .jumpto-topics-desktop>ul>li>a:hover {background-color:#999;} #hs_menu_wrapper_topics>ul>li::before {content:none !important;} #hs_menu_wrapper_topics ul ul { width:200px; background-color:#71c247; position:absolute;top:100%;left:0; opacity:0;visibility:hidden; transition:opacity 0.3s ease; padding:0; } #hs_menu_wrapper_topics ul li.hs-menu-depth-1:last-child>ul {left:auto; right:0;} #hs_menu_wrapper_topics ul li:hover>ul {opacity:1 !important;visibility:visible !important;} #hs_menu_wrapper_topics ul ul li {padding:0;margin:0;background:none;} #hs_menu_wrapper_topics ul ul a { display:block;padding:0.7em 15px; color:#fff;text-align:left; text-decoration:none; line-height:normal; transition:all 0.3s; border-top:1px solid #fff; } #hs_menu_wrapper_topics ul ul a:hover {color:#000;} #blog-button { display:none; cursor:pointer; width:60px;height:60px; position:absolute;top:0;right:60px;z-index:3; background: #315470 url(https://605296.fs1.hubspotusercontent-na1.net/hubfs/605296/tpl2017/img-icons/blog-menu-icon.png) 50% 50% no-repeat; background-size:100% 100%; } .jumpto-topics-table ul {height:100%; display:table; table-layout:fixed; padding:0; border-collapse:collapse; border-spacing:0; border-right:1px solid #999;} .jumpto-topics-table ul li { padding:0; display:table-cell; border-left:1px solid #999; } .jumpto-topics-table ul li::before {content:none !important;} /*.jumpto-topics-table>ul>li:nth-child(6) {width:16%;}*/ .jumpto-topics-table ul li a { color:#fff; text-transform:uppercase; text-decoration:none; transition:all 0.3s; font-size:0; height:100%; display:block; margin:0; padding:0 15px; } .jumpto-topics-table ul li a:hover, .jumpto-topics-table ul li a:focus {background-color:#999;} .jumpto-topics-table ul li a::before {content:""; vertical-align:middle; display:inline-block; width:0; height:100%; font-size:0;} .jumpto-topics-table>ul>li>a span {font-size:13px; line-height:1.1; vertical-align:middle; display:inline-block;} #content-wrapper {width:100%; background-color:#fff; overflow:hidden;} /* page heading with selectable bg */ #heading { position:relative; width:100%; color:#fff; background: no-repeat 50% 10%; background-size:100% 100%; background-size:cover; } #heading:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); } #heading .outer {position:relative; display:table; height:600px; overflow:hidden;} .inner #heading .outer, .error-404 #heading .outer {height:350px;} .inner.small-hero #heading .outer {height:200px;} #heading .vertical {width:100%; display:table-cell; vertical-align:middle; box-sizing:border-box;} #heading h1, #blog-heading h1 { color:#fff; font-weight:300; font-size:46px; line-height:1.1; padding:0; letter-spacing:-0.04em; } #heading h1 a {color:inherit; text-decoration:none;} #heading p { color:#fff; font-weight:600; font-size:33px; line-height:1.1; padding:10px 0; letter-spacing:-0.03em; } #heading p strong, #heading h1 strong, #heading h1 em {display:block; font-weight:800; font-style:normal;} #heading h1 em {text-transform:uppercase;} .home #heading p {max-width:600px;} #heading p:last-child {padding-bottom:0;} #heading p:first-child {padding-top:0;} #blog-heading {background-color:#71c247;} #blog-heading .outer {display:block; height:auto;} #blog-heading h1 {padding:20px 0; text-align:center;} #breadcrumbs { background-color:#f7f7f7; padding:1em 0; } #breadcrumbs br {display:none;} #hs_menu_wrapper_breadcrumbs, #hs_menu_wrapper_breadcrumbs ul, #hs_menu_wrapper_breadcrumbs li, #breadcrumbs ul {display:inline;float:none;padding:0;margin:0;background:none;} .hs-breadcrumb-menu-divider:before {padding:0 5px 0 10px;} #content {width:100%; padding:100px 0;} .empty#content {padding:0 !important;} .blog.hs-blog-post #content .outer {max-width:800px;} .sidebar-30 #main-left {width:65%; float:left;} .sidebar-50 #main-left {width:47%; float:left;} #sidebar {width:30%; float:right; font-size:14px;} #sidebar form .input {font-size:16px;} .sidebar-50 #sidebar {width:47%;} #sidebar .hs-cta-wrapper {display:block;} #sidebar h3 { padding:0 0 0.4em 0; font-size:20px; line-height:1.1; text-transform:uppercase; } #sidebar .hs-cta-wrapper .hs-cta-img {width:100%;} #hs_menu_wrapper_sidebarmenu, #sidebar .block, #sidebar .hs_cos_wrapper_widget { padding:9%; display:block; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.16); /*-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;*/ } #sidebar .block, #sidebar .hs_cos_wrapper_widget {margin-top:25px;} #sidebar .block:first-child, #sidebar .hs_cos_wrapper_widget:first-child {margin-top:0;} .blog #sidebar ul li {padding:8px 0; border-top:1px dashed #e3e3e3;} .blog #sidebar ul li:last-child {padding-bottom:0;} .blog #sidebar ul li:before {content:none;} .blog #sidebar ul li a {text-decoration:none;} #stories-sidebar { float:left; width:27%; box-sizing:border-box; padding:0 30px; background:#f7f7f7; border:1px solid #ccc; } #stories-sidebar .block {padding-top:30px; padding-bottom:30px; border-top:1px solid #ccc;} #stories-sidebar .block:first-child {border:none;} #stories-sidebar .block h3 {padding-top:0;} #stories-sidebar ul {padding:0;} #stories-sidebar li {padding:2px 0;} #stories-sidebar .categories a {text-decoration:none;} #stories-sidebar .categories li.active a {color:#71c247;} #stories-sidebar .categories li::before {content:none !important;} #stories-sidebar .back-to-stories {display:inline-block; margin-top:1.5em;} .stories-search form { background:#fff; border:1px solid #ccc; padding:10px 15px; border-radius:25px; box-sizing:border-box; } .stories-search form input {background:none; padding:3px 0; border:none; color:inherit; float:left; width:80%;} .stories-search form button {background:none; padding:0; color:inherit; float:right; font-size:20px; box-shadow:none;} .stories-search form button:hover {background:transparent !important; color:#315470 !important;} #stories-list {float:right; width:68%;} .hs-search-highlight.hs-highlight-title {color:#71c247;} .hs-search-field--open .hs-search-field__suggestions {border:none; border-left: 1px solid #71c247; border-top:0; padding:0 0 0 1em; margin-top:30px;} .hs-search-field__suggestions a, .hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus {color:#000;} #content-wrapper .hs-search-field__suggestions li::before, #content-wrapper .hs-search-results__listing li::before {content:none;} .hs-search-results__listing li {padding:1em 0;0} .hs-search-results__title {font-size:20px;} .hs-search-results__pagination {padding-top:30px;} #green-sidebar .main {padding:100px 5% 100px 0;} #green-sidebar .sidebar { width:35%; background:#505357; padding:100px 3%; color:#fff; } #green-sidebar .sidebar h2, #green-sidebar .sidebar h3, #green-sidebar .sidebar h4, #green-sidebar .sidebar h5, #green-sidebar .sidebar h6, #green-sidebar .sidebar a, #content-wrapper #green-sidebar .sidebar ul li:before, #green-sidebar .sidebar label {color:inherit;} .lp-green-sidebar #hs_cos_wrapper_full_flex .hs_cos_wrapper_type_form { background:#f7f7f7; padding:100px 0; } .lp-green-sidebar #hs_cos_wrapper_full_flex .hs_cos_wrapper_type_form .form-title, .lp-green-sidebar #hs_cos_wrapper_full_flex .hs_cos_wrapper_type_form>div {box-sizing:border-box; max-width:1020px; padding-left:20px; padding-right:20px; margin:0 auto;} .lp-green-sidebar #hs_cos_wrapper_full_flex .hs_cos_wrapper_type_form>div {text-align:left;} .lp-green-sidebar #hs_cos_wrapper_full_flex .hs_cos_wrapper_type_form .form-title {color:#71c247; padding-top:0; font-size:35px;} #green-sidebar h2:first-child, #green-sidebar .sidebar h3:first-child, #green-sidebar .sidebar h4:first-child, #green-sidebar .sidebar h5:first-child, #green-sidebar .sidebar h6:first-child {padding-top:0 !important;} #footer {font-weight:300; font-size:12px; line-height:1.6; color:#fff; padding:50px 0;} #footer .outer {position:relative;} #footer .about-info {float:left; width:35%; font-size:14px;} #footer .about-info p {padding-bottom:0;} #footer .about-info a {color:#fff; text-decoration:none;} .is-landing #footer .about-info {float:none; width:100%;} #footer-logo {display:block; width:240px; margin:0;} #footer .copyright {font-size:12px; padding-top:40px;} #footer .copyright img {display:block; width:100px; margin-bottom:5px;} .footer-links {float:right; width:60%;} .social-icons {display:block; font-size:0; text-align:right; position:absolute; bottom:50px; right:30px;} .social-icons a { font-size:22px; line-height:46px; width:46px; height:46px; text-align:center; border-radius:50%; vertical-align:top; color:#fff; text-decoration:none; display:inline-block; margin:0 0 0 10px; transition:all .3s; } .social-icons a.icon-twitter {background:#4fabf2;} .social-icons a.icon-linkedin {background:#0d75a8;} .social-icons a.icon-glassdoor {font-size:0; line-height:1} .social-icons a.icon-glassdoor img {width:100%; display:inline-block;} #footermenu {margin:0; padding:0; color:#fff; display:flex;} #footermenu>li {padding:0; width:17%; margin:0;} #footermenu>li:nth-child(1), #footermenu>li:nth-child(2) {width:24%;} #footermenu a { color:#fff; font-size:14px; text-decoration:none; } #footermenu a:hover {color:#fff; text-decoration:underline;} #hs_menu_wrapper_footermenu {} #hs_menu_wrapper_footermenu ul {padding:0;} #hs_menu_wrapper_footermenu>ul>li:first-child {display:none;} #hs_menu_wrapper_footermenu>ul {display:flex;} #hs_menu_wrapper_footermenu>ul>li {padding:0 15px 0 0; margin:0;} /*#hs_menu_wrapper_footermenu>ul>li:nth-child(2) {width:24%;}*/ #hs_menu_wrapper_footermenu>ul>li>a { color:#fff; font-size:15px; display:block; text-transform:uppercase; text-decoration:none; } #hs_menu_wrapper_footermenu ul ul {padding-top:10px;} #hs_menu_wrapper_footermenu ul ul li {padding:2px 0;} #hs_menu_wrapper_footermenu ul ul a {display:block; color:inherit; text-decoration:none; transition:all 0.2s;} #hs_menu_wrapper_footermenu ul ul a:hover, #hs_menu_wrapper_footermenu>ul>li>a:hover {text-decoration:underline;} /* modules */ .module {} .module-title {display:block;} .mmg-icon-text .module-title {padding-bottom:1.4em;} .mmg-testimonial .module-title, .references .module-title {text-align:center;} .module.bottom-border {border-bottom:1px solid #d9d9d6; padding-bottom:50px;} #hs_cos_wrapper_post_body, span.hs_cos_wrapper_widget, span.hs_cos_wrapper_widget_container {width:100%;display:block;} #content .hs_cos_wrapper_widget, #green-sidebar #hs_cos_wrapper_main .hs_cos_wrapper_widget {padding-top:50px;} #content .hs_cos_wrapper_widget:first-child, #green-sidebar #hs_cos_wrapper_main .hs_cos_wrapper_widget:first-child {padding-top:0;} #content .hs_cos_wrapper_widget h3:first-child, #content .hs_cos_wrapper_widget h4:first-child {padding-top:0;} /* #hs_cos_wrapper_main .hs_cos_wrapper_widget {padding:0.6em 0;} #hs_cos_wrapper_main>.hs_cos_wrapper_widget:first-child {padding-top:0;} */ .wide-section {padding:100px 0;} .wide-section.half-pd, .wide-section.padding-half, .wide-section.split-bg {padding:60px 0;} .wide-section h2 {padding-top:0;} .wide-section p+h2 {padding:0.3em 0;} .wide-section p:last-child {padding-bottom:0;} .wide-section.padding-btm {padding-top:0 !important;} .wide-section.padding-top {padding-bottom:0 !important;} .wide-section.padding-none {padding:0 !important;} .center-text .outer, .center-cta .outer {text-align:center;} .section-title, .wide-section.section-title {padding-bottom:50.0px;} .section-title .outer, .center-cta .outer {max-width:800px;} .section-title h2 {padding-bottom:0; line-height:1.1;} .wide-section.narrow .outer, .services-block .outer {max-width:880px;} .white-bg {background-color:#fff;} .grey-bg {background-color:#f2f2f2;} .darkgrey-bg {background-color: #808184; color:#fff;} .grey-cubes {background: #4b4c4d url(https://www.nordicwi.com/hubfs/tpl2019/checks-dark-bg.png); background-size:145px auto; color:#fff;} .dark-bg {background-color: #315470; color:#fff;} .dark-bg h2, .dark-bg h3, .dark-bg h4, .grey-cubes h2, .grey-cubes h3, .grey-cubes h4, .darkgrey-bg h2, .darkgrey-bg h3, .darkgrey-bg h4 {color:#fff;} #contact-map { width:100%; height:600px; color:#000; text-align:left; } /* blog */ .blog-subtitle span {color:#6f6f6f;} .blog .author-profile {background:#fff; padding:25px; margin-bottom:40px; box-shadow:0 0 50px rgba(0,0,0,0.1) } .blog .author-profile .avatar {width:70px; float:left;} .blog .author-profile .avatar.noimage {width:70px; height:70px; background:#ccc;} .blog .author-profile .author {padding:0 0 5px 90px;} .blog .author-profile .author a.author-link { display:inline-block; color:#000; font-size:22px; line-height:26px; text-decoration:none; text-transform:uppercase; } .blog .author-profile .author a.author-link:hover {color:#22d3ab;} .blog .author-profile .author .icon-linkedin { float:left; width:26px; height:26px; background-color:#000; line-height:26px; text-align:center; color:#fff; text-decoration:none; } .blog .author-profile .author .icon-linkedin:hover {background-color:#22d3ab;} .blog .author-profile .author-bio {padding: 0 0 4px 90px; text-transform:uppercase;} .blog .author-profile .post-date {padding:0 0 0 90px; font-size:12px;} .post-item {padding-bottom:20px; line-height:1.5; position:static; opacity:1; visibility:visible; transition:opacity 0.6s;} .post-item.ajax-hidden {position:absolute; top:0; left:-2000px;} .post-item.css-hidden {visibility:hidden; opacity:0;} .mmg-insights .post-item {padding-bottom:0;} /*.post-listing>.post-item:first-child {padding-top:0 !important;}*/ .post-item .topic {display:block; text-transform:uppercase; font-size:0.9em; line-height:1; padding-bottom:10px;} .post-listing .post-title { padding:20px 0 5px 0; font-size:20px; line-height:1.1; } .post-title a {color:inherit;text-decoration:none; transition:color 0.3s;} .post-title a:hover {color:#71c247;} .post-meta, .post-topics { display:block;padding:0 0 0.5em 0; color:#555; font-size:15px;line-height:normal; } .post-listing .post-meta p {display:inline;padding:0;} .post-image { display:block; position:relative; width:100%; padding-bottom:56%; color:#fff; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:cover; box-sizing:border-box; transition:all 0.3s; } .post-image img {width:100%;} .post-image:hover { /*box-shadow:0 0 8px rgba(0,0,0,0.3);*/ opacity:0.8; color:#fff; } .post-image .post-date { background:#284861; color:#fff; position:absolute; top:0; right:0; padding:6px 8px 5px 8px; opacity:0.8; font-size:11px; line-height:1; } .post-date {display:block;font-size:0.9em;} /* .post-listing .post-date {padding:0 0 12px 0; } */ .post-content {} /*.post-has-img .post-content {width:65%; float:right;}*/ .post-listing .caption {display:block;clear:both;padding-bottom:0.6em;font-size:0.85em;line-height:normal;color:#999;font-style:italic;} .post-body {} .blog-pagination { width:100%;padding:2em 0 0; } .blog-pagination a {} .blog-pagination a:hover {} .blog-pagination .all-posts {} .blog #right ul li {padding:0.2em 0;} .blog #right ul li:before {content:"";} h2 span.hs_cos_wrapper_widget {display:inline;} /* .hs-blog-post .blog-checks#content-wrapper { padding-top:110px; background:#fff url(https://www.nordicwi.com/hubfs/tpl2019/checks-light.jpg) repeat-x 0 0; background-size: auto 120px; } */ .full-post {} .full-post h1 {font-size:21px; color:#305470} .full-post .post-meta {padding-bottom:20px;} .full-post .post-body {padding-bottom:30px;} .full-post .caption {display:block;clear:both;padding-bottom:0.6em;font-size:0.85em;line-height:normal;color:#999;font-style:italic;} .full-post .caption img {display:block;width:100%;margin-bottom:0.6em;} .post-topics {padding:1em 0;} .post-topics .topic-link {} .post-topics .topic-link:hover {} .full-post .hs-blog-social-share {padding:1em 0;} .full-post .hs-blog-social-share-list {padding:0;} .hs-blog-social-share .fb_iframe_widget span {vertical-align:top !important;} .full-post .hs-blog-social-share ul li {padding:0;background:none;} #content .full-post .hs-blog-social-share li:before {content:none;} #related-posts h4 { text-transform:uppercase; color:#000; font-size:14px; line-height:1; padding:0 0 30px 0; } /* custom author posts */ .full-post .author-posts { background:#fff; padding:20px 20px 5px 20px; margin-bottom:30px; } .full-post .author-posts h3 { line-height:1.1; text-transform:uppercase; padding:0 0 15px 0; } .full-post .author-posts h3 em {font-style:normal; color:#22d3ab;} #author-recent-posts {} #author-recent-posts .post {padding:15px 0; border-top:1px dashed #e3e3e3;} #author-recent-posts .date {display:block; font-size:12px; color:#666;} #author-recent-posts .post a {text-decoration:none; color:#000;} #author-recent-posts .post a:hover {color:#000; text-decoration:underline;} .author-posts .all-posts {padding:15px 0 10px 0; line-height:normal; border-top:1px dashed #e3e3e3;} .post-footer {padding-top:1em;} #comments-listing {border-bottom:1px solid #bbb;} #comment-form {padding-top:1.5em;} .blog .comment.depth-0 {border-top:1px solid #bbb;padding:1em 0;margin:0;} .blog .comment-from, .blog .comment-date {display:block;} .blog .comment-from h4 {font-weight:normal;font-size:1em;padding:0;} .blog .comment-reply-to {font-size:1em;font-weight:normal;color:#0052ac;text-decoration:underline;background:none;padding:0;} .blog .comment-reply-to:hover {text-decoration:none;color:#0052ac !important;} #hs_form_target_blog_subscription .hs_email {float:left; width:50%;} /* .hs_blog_nordic_blog_subscription, .hs_blog_demo_blog_5342669306_subscription {float:left; width:25%; margin:0 4%;} */ #hs_form_target_blog_subscription .hs-form-field > label {text-transform:uppercase;} #hs_form_target_blog_subscription .hs_submit {float:left; width:auto; padding-top:2em;} .hs_blog_nordic_blog_subscription li, .hs_blog_demo_blog_5342669306_subscription li {padding:0;} #form-stay-informed .hs_email {float:left; width:40%;} #form-stay-informed .hs_subscription_options {float:left; width:35%; margin-left:3%; font-size:13px;} #form-stay-informed .hs_submit {float:right; width:auto; padding-top:2em;} #blog-popular h3, #blog-topics h3 { font-size:16px; color:#3f4144; padding:0 0 15px 0; border-bottom:1px dashed #b6b6b6; } #blog-popular .popular-post {padding:30px 0 0;} #blog-popular .title {font-size:19px; line-height:1.2; color:#3f4144; padding:8px 0 0;} #blog-popular .title a {text-decoration:none; color:inherit; transition:color 0.3s;} #blog-popular .title a:hover {color:#71c247;} #blog-popular .image { width:31%; float:left; display:block; background:#ccc no-repeat 50% 50%; background-size:100% 100%; background-size:cover; transition:all 0.3s; } #blog-popular .image:hover {box-shadow:0 0 8px rgba(0,0,0,0.3);} #blog-popular .image:before { content:""; display:block; padding-bottom:60%; } #blog-popular .content {width:65%; float:right;} #blog-popular .topic {text-transform:uppercase; font-size:14px; line-height:1;} #blog-topics ul {padding:0;} #blog-topics li {padding:0;} #blog-topics li a { line-height:1.2; display:block; padding:10px 0; border-bottom:1px solid #b6b6b6; text-decoration:none; } #content-wrapper #blog-topics ul li:before {content:none;} .blog-pagination {padding-top: 3em; text-align: center;} .blog-pagination a.number, .blog-pagination a.prev, .blog-pagination a.next, .blog-pagination span.prev, .blog-pagination span.next { display: inline-block; vertical-align: middle; color: #000; padding: 3px 6px; text-decoration: none; font-weight: 500; font-size: 18px; } .blog-pagination a.next, .blog-pagination a.prev, .blog-pagination a.active, .blog-pagination a:hover {color:#71c247;} /* success stories */ .jumpto-topics-mobi {padding-bottom:30px; display:none;} .jumpto-topics-mobi a.small-button {margin:0 5px 5px 0; font-size:11px;} .jumpto-topics-mobi a:last-child {margin-right:0;} .success-stories #story-video { width:100%; padding-bottom:60px; } .success-stories .stories-topic { float:left; width:49%; background:#f7f7f7; box-sizing:border-box; padding:3%; margin-bottom:25px; } .success-stories .stories-topic:nth-child(even) {float:right;} .success-stories .stories-topic>h2 {text-transform:capitalize; padding:0; font-size:30px;} .success-stories .story { width:100%; position:relative; background:50% 50% no-repeat; background-size:cover; position:relative; margin-top:20px; } .success-stories .story:before { content:""; display:block; width:100%; padding-bottom:100%; background:rgba(0,0,0,0.3); transition:all 0.3s; } .success-stories .story:hover:before {background:rgba(113,194,71,0.85);} .success-stories .story .text { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:8%; font-size:25px; line-height:1.3; color:#fff; font-weight:bold; text-decoration:none; } .success-stories .post-body {clear:left;} /* careers blog */ #hs_cos_wrapper_career_form {padding-top:40px;} .current-openings .mmg-collapsible {margin-top:40px;} /* misc */ .filter-expand-link {color:inherit;} img.alt-text-img /* alternative content image for mobiles */ {display:none;} #hs_cos_wrapper_custom_menu {display:none;} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#fff;} .cboxIframe{background:#fff;} #cboxContent .button {padding:0.6em 1em; margin-top:10px;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:15px solid #fff; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#fff; font-size: 14px; line-height: 1.2;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url(//1769030.fs1.hubspotusercontent-na1.net/hubfs/1769030/aldevron_template/colorbox-loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url() no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url() no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose, #cboxContent .icon-search {position:absolute; display:block; padding:0; width:30px; height:30px; font-weight:normal; line-height:30px; background-color:#71c247; color:#fff; border-radius:0;} #cboxClose {top:0; right:0; font-size:28px; font-family: Arial, Helvetica, sans-serif;} #cboxContent .icon-search {bottom:0; right:0; } #cboxClose:hover, #cboxContent .icon-search:hover {background-color:#76797d !important;}