/* @import url('http://example.com/example_style.css'); */
@import url(//cdn2.hubspot.net/hub/3870108/hub_generated/template_assets/5754902532/1569745686208/Coded_files/Berggren_May2018/normalize.min.css);
@font-face {
font-family: 'HelveticaNeue';
src: url('https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/Fonts/HelveticaNeue-01.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/Fonts/HelveticaNeue-Bold-02.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/Fonts/HelveticaNeue-Medium-11.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/Fonts/HelveticaNeue-MediumItalic-12.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/Fonts/HelveticaNeue-BoldItalic-04.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/Fonts/HelveticaNeue-Italic-03.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: normal;
font-style: italic;
}
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */
img {
max-width: 100%;
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: bottom; /* Suppress the space beneath the baseline */
}
/* Videos */
video {
max-width: 100%;
height: auto;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
position: relative;
height: auto;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 2%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
height: auto;
overflow: visible;
padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
position: static;
width: auto;
height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
width: 100%;
max-width: 100%;
}
@media (max-width: 568px) {
iframe {
max-width: 100%;
}
}
/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
padding: 6px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Menus */
.hs-menu-wrapper ul {
padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: inline-block;
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 180px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
position: relative;
margin-bottom: 20px;
min-height: 7em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical {
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
padding: 10px 20px;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
top: 0;
left: 180px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
min-width: 140px;
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
max-width: 100%;
overflow: hidden;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
position: static;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
padding-left: 4em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
padding-left: 6em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
padding-left: 8em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
padding-left: 140px;
}
.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
@media (max-width: 568px) {
.hs-menu-wrapper, .hs-menu-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: block;
max-width: 100%;
width: 100%;
}
}
.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: visible;
opacity: 1;
}
/* Space Module */
.widget-type-space {
visibility: hidden;
}
/* Blog Author Section */
.hs-author-listing-header {
margin: 0 0 .75em 0;
}
.hs-author-social-links {
display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
width: 24px;
height: 24px;
border-width: 0px;
border: 0px;
line-height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
display: inline-block;
text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
display: block;
overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
margin: 0px;
padding: 0px;
list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
.hs_cos_flex-slider .caption {
background-color: rgba(0,0,0,0.5);
position: absolute;
font-size: 2em;
line-height: 1.1em;
color: white;
padding: 0px 5% 0px 5%;
width: 100%;
bottom: 0;
text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
color: white;
font-size: 3em;
line-height: 1.1em;
position: absolute;
padding: 0px 5% 0px 5%;
width: 90%;
top: 40%;
text-align: center;
background-color: transparent;
}
@media all and (max-width: 400px) {
.hs_cos_flex-slider .superimpose .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
width: 90%;
padding: 0px 5% 0px 5%;
top: 40%;
text-align: center;
}
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#recaptcha_area table#recaptcha_table {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
#recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}
.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
display: inline-block;
margin: 0px;
padding: 0px;
margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
max-height: 150px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* responsive pre elements */
pre {
overflow-x: auto;
}
/* responsive pre tables */
table pre {
white-space: pre-wrap;
}
/* adding minimal spacing for blog comments */
.comment {
margin: 10px 0 10px 0;
}
/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
word-wrap: break-word;
}
/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
/* Support migrations from wordpress */
.wp-float-left {
float: left;
margin: 0 20px 20px 0;
}
.wp-float-right {
float: right;
margin: 0 0 20px 20px;
}
/* Responsive Google Maps */
#map_canvas img, .google-maps img {
max-width: none;
}
/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/*****************************************/
/* Start your style declarations here */
/*****************************************/
/*****************************************
GLOBAL
*****************************************/
* {
box-sizing: border-box;
}
html {
font-size:18px;
font-family: 'Open Sans', sans-serif;
word-break: break-word;
}
body {
font-size:18px;
color:#6D6E71;
}
p {
line-height: 25px;
}
p a {
color:#8DC63F;
}
a {
color:#8DC63F;
}
h1 {
font-size:48px;
font-weight:bold;
color:#8DC63F;
text-shadow: 1px 3px 6px black;
}
h2 {
font-size:24px;
font-weight:bold;
}
h3,
h4,
h5,
h6 {
font-size:1.35rem;
font-weight:bold;
line-height:30px;
}
h3 {
font-size:21px;
}
blockquote {
font-size:1.2222222222222223rem;
font-style:italic;
color:#8DC63F;
}
ul {
padding-left:1.1rem;
}
ul li {
line-height:25px;
}
ol li {
line-height:25px;
}
.p-top-5 {
padding-top: 5em;
}
.gray-bg {
background:#FAFBFB;
}
.iframe-container {
padding-bottom: 56.25%;
position: relative;
margin: 0 auto;
}
.content-wrapper {
/* max-width:80%; */
margin:0 auto !important;
float:none !important;
padding-left:20px !important;
padding-right:20px !important;
display:block;
}
.content-wrapper-wide {
max-width:90%;
margin:0 auto !important;
float:none !important;
}
.content-wrapper-small {
max-width:50%;
margin:0 auto !important;
float:none !important;
}
.basic-header {
padding:2rem 0;
text-align:center;
}
.basic-header h1,
.basic-header h2,
.basic-header h3,
.basic-header h4,
.basic-header h5,
.basic-header h6 {
text-decoration: underline solid 3px #8dc63f;
text-underline-position: under;
position:relative;
padding-bottom:1rem;
margin-bottom:0px;
}
/* .basic-header h1:after,
.basic-header h2:after,
.basic-header h3:after,
.basic-header h4:after,
.basic-header h5:after,
.basic-header h6:after {
position:absolute;
content:"";
border-bottom:2px solid #8DC63F;
bottom:0;
left:0;
right:0;
width:30%;
margin:0 auto;
float:none;
} */
.lightgray-overlay {
content:"";
position:absolute;
background:rgba(109, 110, 113, 0.5);
top:0;
bottom:0;
left:0;
right:0;
}
.small-symbol {
display:inline-block !important;
width: auto !important;
}
.text-and-image ul {
list-style: none;
padding-left: 1.3em;
}
.text-and-image ul li {
position: relative;
margin-bottom: .5em;
}
.text-and-image ul li:before {
content:"•";
position:absolute;
left: -.7em;
top:0;
font-size:1.5rem;
color:#8DC63F;
}
.small-lifted-text ul {
list-style:none;
padding-left:0;
margin:0;
}
.small-lifted-text ul li {
position:relative;
margin-bottom:0.5rem;
padding-left:1.2rem;
}
.small-lifted-text ul li:before {
content:"•";
position:absolute;
left:.2em;
top:-5px;
font-size:1.5rem;
color:#8DC63F;
}
/*****************************************
HEADER
*****************************************/
.header-container .widget-type-global_group > div > div:nth-child(2).sticky-nav {
position:fixed;
width:100%;
top:0;
background:#FFF;
z-index: 5;
}
.search input {
padding: 6px 0;
margin: 0;
border: 0;
}
.search__container--open .search input {
padding:6px;
}
.search__container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.search__container.search__container--open > div:nth-child(1) {
-webkit-box-flex:0;
-ms-flex:0 1 50%;
flex:0 1 50%;
}
.search__container > div:nth-child(1) {
-webkit-box-flex:0;
-ms-flex:0 1 0%;
flex:0 1 0%;
-webkit-transition:flex 0.3s ease;
-o-transition:flex 0.3s ease;
transition:flex 0.3s ease;
}
.search__container > div:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search__container > div:nth-child(2) .widget-type-custom_widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-toggle {
padding:0.25rem;
cursor:pointer;
}
.header-top {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.header-top > div:nth-child(1) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-right: 2rem;
}
.header-links__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-links__language {
margin-right: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-links__language a {
color: #6D6E71;
text-decoration: none;
border-bottom: 1px solid #6D6E71;
padding-bottom: 2px;
text-transform: uppercase;
font-size:16px;
}
.header-link--mobile {
display:none;
}
.header-links__link {
-webkit-transform:skew(-15deg);
-ms-transform:skew(-15deg);
transform:skew(-15deg);
}
.header-links__link a {
-webkit-transform:skew(15deg);
-ms-transform:skew(15deg);
transform:skew(15deg);
text-decoration:none;
color:#FFFFFF;
text-transform:uppercase;
font-size:0.8888888888888888rem;
font-weight:bold;
padding:1rem 2rem;
display:inline-block !important;
}
.header-links__link--1 {
background:#6D6E71;
}
.header-links__link--2 {
background:#22B3B4;
}
.header-main {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding:0.9rem 0;
}
.header-main > div:nth-child(1) {
-webkit-box-flex:0;
-ms-flex:0 1 16%;
flex:0 1 16%;
transition:all 0.3s ease;
}
.header-logo img {
width:100% !important;
}
.header-main > div:nth-child(2) {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.header-nav .hs-menu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-nav ul li a,
.mobile-nav ul li a{
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
color:#6D6E71;
max-width: 400px !important;
}
.header-nav ul li.hs-menu-depth-1.active,
.mobile-nav ul li.hs-menu-depth-1.active {
text-decoration:underline;
}
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a,
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a {
text-transform:uppercase;
font-size:0.8888888888888888rem;
font-weight:500;
letter-spacing:0.5px;
}
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:hover > a,
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:hover > a {
color:#8DC63F;
}
.header-nav .hs-menu-children-wrapper,
.mobile-nav .hs-menu-children-wrapper {
padding: 1.5rem 0 2rem;
background:#FFFFFF;
}
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2:hover > a,
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2:hover > a,
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-3:hover > a,
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-3:hover > a {
background:#FAFBFB;
}
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2 > a,
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2 > a,
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-3 > a,
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-3 > a {
padding: 1rem 1rem;
width:100% !important;
text-align:left;
}
.header-nav .hs-menu-depth-2.hs-item-has-children > a:after {
content: url(https://www.berggren.eu/hubfs/2018%20-%20Home/chevron-right-green.png?t=1539682984480);
color: #8DC63F;
margin-left: .6rem;
top: .15em;
position: relative;
}
.header-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 100%;
top: 0;
padding: 0;
}
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { -webkit-transition: none!important; }
.header-container .widget-type-global_group > div > div:nth-child(2) {
position: relative;
}
.mobile-nav ul li.hs-menu-depth-1 {
margin-bottom: 0.5rem;
}
.mobile-nav {
position: absolute;
z-index: 1001;
left: 0;
right:0;
padding-top: 2rem;
top: 4rem;
background: #FFF;
}
.mobile-nav-child-toggle {
position: absolute;
width: 36px;
height: 36px;
right: 0;
top: 0.5rem;
}
.mobile-nav-child-toggle > span {
content: "";
position: absolute;
background: #8DC63F;
height: 3px;
width: 20px;
top: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mobile-nav-child-toggle > span:nth-child(2) {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-nav-child-toggle--open > span:nth-child(2) {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.mobile-nav-child-toggle--open > span:nth-child(1) {
width:0px;
opacity:0;
}
.mobile-nav > span > div > ul {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobile-nav ul {
max-width: 90%;
margin: 0 auto !important;
float: none;
}
.mobile-nav ul li {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.mobile-nav-trigger {
position:absolute;
width: 30px;
height: 40px;
right: 2rem;
top: 1rem;
}
.mobile-nav-trigger > span {
background:#8DC63F;
width: 100%;
height: 3px;
position: absolute;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.mobile-nav-trigger > span:nth-child(1) {
top:10px;
}
.mobile-nav-trigger > span:nth-child(2) {
top:20px;
}
.mobile-nav-trigger > span:nth-child(3) {
top:30px;
}
.mobile-nav-trigger.mobile-nav-open > span:nth-child(1) {
top: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-nav-trigger.mobile-nav-open > span:nth-child(2) {
width: 0%;
}
.mobile-nav-trigger.mobile-nav-open > span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*****************************************
CONTENT
*****************************************/
.hero__container h2,
.hero__container h3,
.hero__container h4,
.hero__container h5,
.hero__container h6 {
text-transform:inherit;
}
.hero__container h2 {
text-shadow: 1px 3px 6px black;
}
.hero__container {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
min-height: 78vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position:relative;
overflow:hiddeN;
padding:2rem;
/*-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
}
.hero__container--small {
min-height:50vh;
}
.hero__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.hero__content {
-webkit-box-flex:0;
-ms-flex:0 1 50%;
flex:0 1 50%;
max-width:50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero__content.hero__content--single {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
.hero__content--single .hero-text__wrapper {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
text-align:center;
}
.hero__content--single .hero__text {
max-width:100%;
}
.hero__content--1 {
position:relative;
-webkit-box-flex:0;
-ms-flex:0 1 40%;
flex:0 1 40%;
}
.white-overlay {
content:"";
position:absolute;
top:0;
left:-10%;
right:0;
bottom:0;
background:rgba(255, 255, 255, 0.9);
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
width:60%;
}
.hero__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
z-index:2;
max-width: 22em;
}
.hero__text h1 {
font-size:48px;
}
.hero__link {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
z-index:2;
}
.hero__link a {
text-transform:uppercase;
text-decoration:none;
display:inline-block;
position:relative;
font-weight: bold;
font-size:1.35rem;
letter-spacing:0.75px;
}
.hero__link.hero__link--transparent a {
color:#FFF;
border:3px solid #FFF;
background:transparent;
padding:0.5rem 1rem;
margin-top:2rem;
}
.hero__content--2 {
text-align: center;
padding-left: 8.5rem;
}
.hero__content--2 .hero__link {
margin-top: 5rem;
}
.hero__content--1 .hero__link {
margin-top:3rem;
}
.hero-big-number {
font-size: 12rem;
margin: 0;
}
.hero__link--color a {
color:#8DC63F;
}
.hero__link--color a:after {
/*content:"\f105";
font-family:'FontAwesome';*/
content:url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-green.png);
color:#8DC63F;
margin-left:1rem;
}
.hero__link--white a {
color:#6D6E71;
background:#FFFFFF;
padding: 1rem 1.5rem;
border-radius: 2rem;
}
.hero__link--white a:after {
/*content:"\f105";
font-family:'FontAwesome';*/
content:url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-gray.png);
color:#6D6E71;
margin-left:1rem;
}
.basic-cta {
font-size:0.8333333333333334rem;
font-weight:bold;
}
.basic-link__container {
padding: 1.25rem 0;
text-align: center;
margin-bottom:1.5rem;
}
.basic-link a {
text-decoration: none;
text-transform: uppercase;
font-weight:bold;
color:#8DC63F;
position:relative;
font-size:15px;
letter-spacing: 0.75px;
}
.basic-link.big-link a {
2018 - Basic text
}
.basic-link.big-link a:after {
top:-0.6rem
}
.basic-link a:after {
/*content:"\f105";
font-family:'FontAwesome';*/
content:url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-green.png);
color:#8DC63F;
margin-left:1rem;
/* border:2px solid #8DC63F;*/
border-radius:50%;
height: 45px;
width: 45px;
top: -0.7rem;
position: absolute;
display: flex;
right: -3.25rem;
align-items: center;
justify-content: center;
font-size:1.5rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.basic-link a:hover:after {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.small-lifted-icon__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.small-lifted-icon__header {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.small-lifted-icon__container--numbers .small-lifted-icon__header {
margin-top: -0.5rem;
margin-bottom: 0;
}
.small-lifted-icon__header h3 {
font-size: 1.1rem;
}
.small-lifted-icon__header a {
color: inherit;
text-decoration: none;
}
.small-lifted-icon {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
text-align:center;
margin-bottom:4rem;
}
.small-lifted-icon__icon img {
max-width: 150px;
}
.small-lifted-icon__content a {
text-decoration:none;
}
.small-lifted-icon__link a {
text-decoration:none;
text-align:center;
}
.small-lifted-icon__link a i {
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto;
font-size: 1.5rem;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.small-lifted-icon__link a i:hover {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.small-lifted-icon--green .small-lifted-icon__link a i {
border:2px solid #8DC63F;
}
.small-lifted-icon--green a {
color:#8DC63F;
}
.small-lifted-icon--orange .small-lifted-icon__link a i {
border:2px solid #E58D33;
}
.small-lifted-icon--orange a {
color:#E58D33;
}
.small-lifted-icon--teal .small-lifted-icon__link a i {
border:2px solid #22B3B4;
}
.small-lifted-icon--teal a {
color:#22B3B4;
}
.small-lifted-icon--purple .small-lifted-icon__link a i {
border:2px solid #662D91;
}
.small-lifted-icon--purple a{
color:#662D91;
}
.small-lifted-icon--lightgray .small-lifted-icon__link a i {
border:2px solid #B6B8BA;
}
.small-lifted-icon--lightgray a {
color:#B6B8BA;
}
.small-lifted-icon--darkgray .small-lifted-icon__link a i {
border:2px solid #6D6E71;
}
.small-lifted-icon--darkgray a{
color:#6D6E71;
}
.reference__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reference__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 47.5%;
flex: 0 1 47.5%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position:relative;
color:#FFF;
margin-bottom:2rem;
border-radius:2px;
}
.reference__logo {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 9.5rem 0 0 2rem;
z-index:2;
}
.reference__logo img {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.reference__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding: 0 2rem 1rem;
z-index:2;
}
.reference__link {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding: 0 2rem 2rem;
z-index:2;
}
.reference__link a {
text-decoration: none;
text-transform: uppercase;
font-weight:bold;
color:#FFFFFF;
position:relative;
}
.reference__link a:after {
/* content:"\f105";
font-family:'FontAwesome';*/
content:url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png);
color:#FFFFFF;
margin-left:1rem;
border:2px solid #FFFFFF;
border-radius:50%;
height: 45px;
width: 45px;
top: -0.8rem;
position: absolute;
display: flex;
right: -3rem;
align-items: center;
justify-content: center;
font-size:1.5rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.reference__link a:hover:after {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.reference__more {
text-align: center;
padding: 3rem 0 4rem;
}
.basic-green-link a {
text-decoration: none;
color: #8DC63F;
border: 2px solid #8DC63F;
padding: 1rem 2rem;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
font-size: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: .75px;
}
.basic-green-link a:after {
/*content:"\f105";
font-family:'FontAwesome'; */
content:url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-green.png);
color:#8DC63F;
font-size: 1.5rem;
position: absolute;
right: 4rem;
top: 10px;
display:none;
}
.relevant-feed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.relevant-item .lightgray-overlay:after {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 6%, rgba(106,106,106,0) 61%, rgba(0,0,0,0.63) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000',GradientType=0 );
}
.relevant-item {
background-size: cover !important;
background-position: top !important;
background-repeat: no-repeat !important;
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
margin-right: 3%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2rem;
margin-bottom: 2rem;
border-radius: 2px;
}
.relevant-item__text a {
text-decoration:none;
color:#FFF;
word-break: break-word;
}
.relevant-item__text p {
position:relative;
}
.relevant-item__text a:hover {
text-decoration:underline;
}
.relevant-item__date {
position: absolute;
top: 1rem;
left: 2rem;
z-index:2;
color:#FFF;
text-align: center;
font-weight: bold;
}
.relevant-item__content {
padding-top:10rem;
z-index:2;
color:#FFF;
}
.relevant-item__date--date {
font-size: 2rem;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 2px solid #FFF;
margin-top: 0;
line-height: initial;
}
.relevant-item__date--month {
margin-top: 0;
text-transform: uppercase;
font-size: 0.9rem;
line-height: initial;
}
.relevant-item__link {
margin-top:2rem;
}
.relevant-item__link a {
text-decoration: none;
text-transform: uppercase;
font-weight:bold;
color:#FFFFFF;
position:relative;
display:inline-block;
font-size:15px;
letter-spacing: 0.75px;
}
.relevant-item__link a:after {
/* content:"\f105";
font-family:'FontAwesome'; */
content:url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png);
color:#FFFFFF;
margin-left:1rem;
border:2px solid #FFFFFF;
border-radius:50%;
height: 45px;
width: 45px;
top: -0.7rem;
position: absolute;
display: flex;
right: -3rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
align-items: center;
justify-content: center;
font-size:1.5rem;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.relevant-item__link a:hover:after {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.blog-feed__more {
padding: 3rem 0 4rem;
text-align:center;
}
/* Simple blog feed */
.simple-blog-feed__more {
padding: 3rem 0 4rem;
text-align:center;
}
.simple-blog-feed {
background:#FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.simple-blog-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
border-bottom: 5px solid #FAFBFB;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 2rem 1rem;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
border-radius:2px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.simple-blog-item__date {
-webkit-box-flex:0;
-ms-flex:0 1 20%;
flex:0 1 20%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.simple-blog-item__date--day {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
margin-bottom: 0;
width: auto;
display: block;
text-align: center;
border-bottom: 5px solid #8DC63F;
font-size: 4.5rem;
font-weight: bold;
margin-top: 0;
color:#8DC63F;
line-height: 1;
}
.simple-blog-item__date--month {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
width: auto;
text-align: center;
display: block;
font-size: 1.5rem;
font-weight: bold;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
color:#8DC63F;
line-height: initial;
}
.simple-blog-item__content {
-webkit-box-flex:0;
-ms-flex:0 1 55%;
flex:0 1 55%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.simple-blog-item__content > h3 {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
margin-bottom: 0;
}
.simple-blog-item__content > h3 a {
text-decoration:none;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
color: #6D6E71;
}
.simple-blog-item__content > h3 a:hover {
text-decoration:underline;
color:#8DC63F;
}
.simple-blog-item__content > p {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
margin-top:1rem;
}
.simple-blog-item__link {
-webkit-box-flex:0;
-ms-flex:0 1 20%;
flex:0 1 20%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.simple-blog-item__link.basic-link > a {
padding-right:3rem;
}
.simple-blog-item__link.basic-link > a:after {
right:0;
}
/* */
/* Downloadables */
.downloadables-read-more {
text-align:center;
padding: 3rem 0 4rem;
}
.downloadables__wrapper--no-link {
padding-bottom:4rem;
}
.downloadables__wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.downloadables__item {
-webkit-box-flex:0;
-ms-flex:0 1 45%;
flex:0 1 45%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:2rem;
}
.downloadables__image {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
}
.downloadables__image img {
width:100%;
}
.downloadables__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 55%;
flex: 0 1 55%;
}
.downloadables__text--link {
margin-top: 1rem;
display: inline-block;
}
.downloadables__text--tag {
margin-bottom:5px;
text-transform:uppercase;
color:#8DC63F;
}
.downloadables__text--header > h3 {
margin-top:0;
}
/* Form section */
.form-section__container {
background-position:center !important;
background-size:cover !important;
background-repeat:no-repeat !important;
}
.form-section__wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:5rem 0;
}
.form-section__text {
-webkit-box-flex:0;
-ms-flex:0 1 50%;
flex:0 1 50%;
}
.form-section__text p {
line-height:31px;
}
.form-section__text em {
font-size:1.2222222222222223rem;
}
.form-section__form {
-webkit-box-flex:0;
-ms-flex:0 1 40%;
flex:0 1 40%;
}
.basic-form .hs-form-field {
margin-bottom:1rem;
border:0px;
border-radius:5px;
}
.basic-form .hs-form-checkbox-display input {
margin-right:5px;
}
.basic-form .hs-fieldtype-checkbox {
margin-bottom:1.5rem;
}
.basic-form ul {
list-style:none;
padding-left:0;
}
.basic-form ul li {
margin-bottom:5px;
}
.basic-form .hs-fieldtype-text > label,
.basic-form .hs-fieldtype-textarea > label {
display:none;
}
.basic-form .hs-error-msgs {
list-style: none;
padding-left: 0;
color: #e58d33;
font-size: 0.8rem;
margin-top: 5px;
}
.basic-form .hs-form-field input,
.password-template .basic-form input {
padding:12px 6px;
border:1px solid #b6b8ba;
}
.password-template .basic-form input {
height:auto !important;
margin-top:0;
}
.basic-form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B6B8BA;
text-transform:uppercase;
}
.basic-form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
color: #B6B8BA;
text-transform:uppercase;
}
.basic-form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
color: #B6B8BA;
text-transform:uppercase;
}
.basic-form .hs-form-field input:-moz-placeholder { /* Firefox 18- */
color: #B6B8BA;
text-transform:uppercase;
}
.basic-form .hs-form-field textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B6B8BA;
text-transform:initial;
}
.basic-form .hs-form-field textarea::-moz-placeholder { /* Firefox 19+ */
color: #B6B8BA;
text-transform:initial;
}
.basic-form .hs-form-field textarea:-ms-input-placeholder { /* IE 10+ */
color: #B6B8BA;
text-transform:initial;
}
.basic-form .hs-form-field textarea:-moz-placeholder { /* Firefox 18- */
color: #B6B8BA;
text-transform:initial;
}
.basic-form .hs-form-field textarea {
min-height:10rem;
}
.basic-form .hs-submit input,
.password-template .basic-form .hs-button {
width: 100%;
padding: 1.25rem;
background: #8DC63F;
border: none;
border-radius: 50px;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
font-size:15px;
}
.password-template .basic-form .hs-button {
margin-top:2rem;
}
.basic-form .hs-submit .actions {
position:relative;
}
.basic-form .hs-submit .actions:after {
/*content:"\f105";
font-family:'FontAwesome';*/
content:url(https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png);
color:#FFF;
margin-left:1rem;
top: 1.3rem;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
right: 2.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* Twitter feed */
.basic-header--left h1,
.basic-header--left h2,
.basic-header--left h3,
.basic-header--left h4,
.basic-header--left h5,
.basic-header--left h6 {
position: relative;
padding-bottom: 1rem;
}
.basic-header--left h1:after,
.basic-header--left h2:after,
.basic-header--left h3:after,
.basic-header--left h4:after,
.basic-header--left h5:after,
.basic-header--left h6:after {
position: absolute;
content: "";
border-bottom: 2px solid #8DC63F;
bottom: 0;
left: 0;
width: 30%;
}
.twitter-feed__container {
padding-bottom:3rem;
}
.twitter-feed__container h2 {
margin-top: 5rem;
}
#twitter-feed {
max-width:50%;
}
#twitter-feed > ul {
list-style: none;
padding-left: 0;
}
#twitter-feed > ul li {
border-bottom: 1px solid #b6b8ba;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.twitter-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tweet {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.twitter-item .tweet a {
color:#8DC63F;
}
.timePosted {
margin-bottom:0;
position:relative;
text-transform:uppercase;
font-size:15px;
color:#8DC63F;
padding-left:3rem;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
.timePosted:before {
position:absolute;
content: "\f099";
font-family:'FontAwesome';
left:0;
top: -8px;
color: #FFF;
background: #6D6E71;
height: 40px;
border-radius: 50%;
width: 40px;
display: flex;
font-size: 1.15rem;
align-items: center;
justify-content: center;
}
.timePosted a {
text-decoration:none;
color:#8DC63F
}
.twitter-link {
padding: 1rem 0 5rem;
}
/* Blog */
.blog-pagination.new-blog-pagination {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.new-blog-pagination .next-posts-link {
margin-right:0;
}
.lifted-blog__item {
margin-bottom:3rem;
}
.post-item__links {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body .blog-listing__content .post-item__links .post-more-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-right:3.3rem;
}
.post-item__topic {
margin-top: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.post-item__topic a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
display: inline-block;
font-size: 15px;
letter-spacing: .75px;
border: 1px solid #FFF;
padding: 5px 15px;
border-radius: 50px;
}
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item {
-webkit-box-flex:0;
-ms-flex:0 1 46.133%;
flex:0 1 46.133%;
margin-right:0;
}
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item:nth-child(6),
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item:nth-child(7) {
margin-bottom:0;
}
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.blog-section__container {
position: relative;
}
.blog-post-hero {
height: 50vh;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.blog-content__container {
position:relative;
}
.blog-social-share__wrapper {
position: absolute;
top: 53vh;
left: 0;
}
.blog-social-share__wrapper.blog-social-share__wrapper--fixed {
position: fixed;
top: 8.5%;
left: 14.2%;
}
.blog-social-share__wrapper.blog-social-share__wrapper--bottom {
position: absolute;
bottom: 20rem;
top:auto;
}
.blog-social-share__wrapper ul {
list-style: none !important;
padding: 0 !important;
}
.blog-social-share__wrapper ul li {
margin-bottom:1rem;
}
.blog-social-share__wrapper ul li:before {
display:none;
}
.blog-social-share__wrapper ul li a {
text-decoration:none;
}
.blog-social-share__wrapper ul li a i {
color: #FFF;
background: #8DC63F;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.blog-social-share__wrapper ul li a:hover i {
background:#6D6E71
}
.blog-section.blog-section--featured-image {
background: #FFF;
position: relative;
max-width: 70%;
margin: -8rem auto 0;
}
.blog-listing__content .blog-section {
max-width:100%;
}
.blog-section {
margin:0 auto;
background: #FFF;
position: relative;
max-width: 70%;
}
.blog-section .post-body {
position:relative;
}
.blog-post-wrapper {
padding:3rem 2rem 2rem;
}
.blog-post-wrapper ul {
list-style:none;
}
.blog-post-wrapper img {
margin:2rem 0 ;
}
.blog-post-wrapper .post-body a {
color:#8DC63F;
}
.blog-post-wrapper p,
.blog-post-wrapper h1,
.blog-post-wrapper h2,
.blog-post-wrapper h3,
.blog-post-wrapper h4,
.blog-post-wrapper h5,
.blog-post-wrapper h6,
.blog-post-wrapper ul {
padding:0 7rem;
}
.blog-post-wrapper h2,
.blog-post-wrapper h3,
.blog-post-wrapper h4,
.blog-post-wrapper h5,
.blog-post-wrapper h6 {
margin-top:3rem;
font-weight:500;
}
.blog-post-wrapper p {
margin:2rem 0;
line-height:30px;
}
.blog-post-wrapper #hs_cos_wrapper_post_body > p:first-child {
font-size: 1.2222222222222223rem;
line-height:30px;
}
.blog-post-wrapper #hs_cos_wrapper_post_body > p:first-child strong {
font-weight:500;
}
.blog-post-wrapper ul li {
position:relative;
margin-bottom:0.5rem;
padding-left:1rem;
}
.blog-post-wrapper ul li:before {
content:"•";
position:absolute;
left:0;
top:-5px;
font-size:1.5rem;
color:#8DC63F;
}
.blog-post-wrapper blockquote > p {
padding:0;
}
.blog-post-wrapper blockquote {
margin:4rem 0;
}
.post-header h1 {
text-align:center;
font-weight:500;
font-size:2.2rem;
letter-spacing:0.8px;
}
.blog-post__date {
text-align:center;
margin-bottom: 5rem;
}
.blog-bottom__subscribe .form-title {
display:none;
}
.blog-form-header__wrapper p {
margin:0 0 1rem;
}
.blog-form-header__wrapper h3 {
margin-bottom:0.5rem;
margin-top:0;
}
.about-author-sec {
margin: 6rem auto 0;
float: none;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 7rem;
}
.about-author-sec .about-author__info > h3,
.about-author-sec .about-author__info > p {
padding-left:0;
padding-right:0;
}
.about-author__img {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.about-author__img img {
width: 100%;
border-radius: 50%;
margin:0;
}
.about-author__info {
-webkit-box-flex: 0;
-ms-flex: 0 1 65%;
flex: 0 1 65%;
}
.about-author__info .hs-author-social-section a {
text-decoration: none;
display: inline-block;
margin-right: 1rem;
}
.about-author__info .hs-author-social-section a i {
color: #FFF;
background: #8DC63F;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.about-author__info .hs-author-social-section a:hover i {
background: #6D6E71;
}
.about-author__info h3 {
margin-top:0;
padding:0;
margin-bottom:0;
}
.about-author-sec.row-fluid:before, .about-author-sec.row-fluid:after {
display:none;
}
.about-author__info p {
padding:0;
line-height: 25px;
}
.about-author__info .author-link {
text-decoration:none;
color:#6D6E71;
}
.about-author__info a {
color: inherit !important;
text-decoration: none;
}
.blog-bottom__content {
margin:2rem 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-top: 1px solid #b6b8ba;
border-bottom: 1px solid #b6b8ba;
}
.blog-bottom__content > div {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
padding: 3rem 2rem;
}
.blog-bottom__content > div:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-bottom__content > div:nth-child(2) {
border-left: 1px solid #b6b8ba;
}
.blog-bottom__tags ul{
list-style:none;
padding-left:0;
}
.blog-bottom__tags a {
display: inline-block;
margin-right: 0.5rem;
}
.blog-bottom__tags a {
color:#8DC63F;
text-decoration:none;
}
.blog-bottom__tags a:hover {
text-decoration:underline;
}
.blog-bottom__tags h3 {
margin-top:0;
}
.blog-bottom__subscribe form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:75%;
}
.blog-bottom__subscribe form .hs-form-field.hs-email {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-right:0.5rem;
}
.blog-bottom__subscribe form .hs-submit {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-top: 1em;
}
.blog-bottom__subscribe form .hs-submit > .actions {
height:100%;
display: inline-block;
position: relative;
}
.blog-bottom__subscribe form .hs-submit > .actions > input {
background: none;
border: 0px;
cursor: pointer;
font-weight: bold;
color: #8DC63F;
text-transform: uppercase;
outline: none;
padding: 12px 6px;
font-size: 15px;
letter-spacing: 0.75px;
}
.blog-bottom__subscribe form .hs-submit > .actions:after {
content: url(https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-green.png?t=1538551805081);
color: #8DC63F;
margin-left: 1rem;
border: 2px solid #8DC63F;
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.1rem;
position: absolute;
display: flex;
right: -3.25rem;
align-items: center;
justify-content: center;
font-size: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.blog-bottom__subscribe form .hs-form-field input {
padding:12px 6px;
border:1px solid #b6b8ba;
border-radius:3px;
}
.blog-bottom__subscribe form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-bottom__subscribe form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-bottom__subscribe form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-bottom__subscribe form .hs-form-field input:-moz-placeholder { /* Firefox 18- */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-bottom__subscribe form .hs-form-required {
display:none;
}
.blog-bottom__subscribe .hs-error-msgs {
list-style: none;
padding-left: 0;
color: #e58d33;
font-size: 0.75rem;
position: absolute;
margin-top: 5px;
}
.related-post__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom:4rem;
}
.related-post__header {
flex: 0 1 100%;
}
.related-post {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2rem;
margin-bottom: 2rem;
}
.related-post a {
text-decoration: none;
color: #FFF;
}
.related-post .lightgray-overlay:after {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 6%, rgba(106,106,106,0) 61%, rgba(0,0,0,0.63) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000',GradientType=0 );
}
.related-post__title {
padding-top: 10rem;
z-index: 2;
color: #FFF;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.related-post__content {
z-index: 2;
color: #FFF;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.related-post__date {
position: absolute;
top: 1rem;
left: 2rem;
z-index: 2;
color: #FFF;
text-align: center;
font-weight: bold;
}
.related-post__date--day {
font-size: 2rem;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 2px solid #FFF;
margin-top: 0;
line-height: initial;
}
.related-post__date--month {
margin-top: 0;
text-transform: uppercase;
font-size: .9rem;
line-height: initial;
}
.related-post__topic-container {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
z-index:2;
}
.related-post__topic-container a {
color:#8DC63F;
}
.related-post__link {
margin-top: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.related-post__link a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
display: inline-block;
font-size: 15px;
letter-spacing: .75px;
}
.related-post__link a:after {
content: url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png?t=1527694267581);
color: #fff;
margin-left: 1rem;
border: 2px solid #fff;
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.7rem;
position: absolute;
display: flex;
right: -3rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
align-items: center;
justify-content: center;
font-size: 1.5rem;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.related-post__link a:hover:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* Blog listing */
.blog-listing__header {
background: #B6B8BA;
background: url(https://www.berggren.eu/hubfs/Legal_blogit_1700x731/Abstrakti%20header.jpg);
background-size: cover;
}
.blog-listing__header h1 {
padding: 4rem 0;
margin: 0;
text-align:center;
font-weight:700;
font-size:48px;
letter-spacing:0.8px;
color: #fff;
}
.blog-listing__nav ul,
.blog-listing__nav--mobile ul {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-listing__nav ul li a,
.blog-listing__nav--mobile ul li a {
padding: 1rem 2rem;
text-decoration: none;
color: #6D6E71;
display: inline-block;
margin-right: 10px;
font-weight: 600;
text-transform: uppercase;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
font-size: .8888888888888888rem;
}
.blog-listing__nav ul li a p,
.blog-listing__nav--mobile ul li a p {
position:relative;
margin-top:0;
margin-bottom:0;
}
.blog-listing__nav ul li a:hover > p:after {
content:"";
position:absolute;
width:100%;
height:1px;
left:0;
right:0;
bottom:0;
background:#6D6E71;
}
.blog-listing__nav ul li a.active-link,
.blog-listing__nav--mobile ul li a.active-link{
background:#FFF;
color:#8DC63F;
}
.blog-listing__nav ul li a.active-link:hover > p:after {
width:0%;
}
.blog-listing__nav--mobile {
display:none;
}
.blog-listing__nav--mobile .main-link {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
text-align: center;
}
.blog-listing__nav--mobile {
}
.blog-listing__nav--mobile ul li a {
padding:1rem 0;
margin-right:0;
width:100%;
margin-bottom:1rem;
}
.blog-listing__nav--mobile .main-link ul li {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-listing__nav--mobile .active-link > p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-listing__nav--mobile .active-link > p > i {
font-size: 1.5rem;
margin-left: 1rem;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.blog-listing__nav--mobile--open .active-link > p > i {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
.blog-listing__content .post-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.blog-listing__content .blog-section__insights .post-listing,
.blog-listing__content .post-listing.post-listing--simple {
margin-top:3rem;
}
.blog-listing__content .post-listing>.post-item {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2rem;
margin-bottom: 3rem;
}
.blog-listing__content .post-listing.post-listing--simple > .post-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-right: 0;
border-bottom:1px solid #eaeaeb;
margin-bottom:1rem;
padding:1rem 1rem 2rem;
}
.post-listing--simple .simple-post-item__header {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.post-listing--simple .simple-post-item__header a {
text-decoration: none;
color: #6d6e71;
line-height: 1.3;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
font-size: 1.5rem;
font-weight: bold;
}
.post-listing--simple .simple-post-item__header a:hover {
color:#8dc63f;
}
.post-listing--simple .simple-post-item__date {
color: #cecece;
text-transform: uppercase;
margin-top: 0.5rem;
display: block;
}
.post-listing > .post-item .lightgray-overlay:after {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 6%, rgba(106,106,106,0) 61%, rgba(0,0,0,0.63) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000',GradientType=0 );
}
.blog-listing__content .post-listing .post-item__date {
position: absolute;
top: 1rem;
left: 2rem;
z-index: 2;
color: #FFF;
text-align: center;
font-weight: bold;
}
.blog-listing__content .post-listing .post-item__date--day {
font-size: 2rem;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 2px solid #FFF;
margin-top: 0;
line-height: initial;
}
.blog-listing__content .post-listing .post-item__date--month {
margin-top: 0;
text-transform: uppercase;
font-size: .9rem;
line-height: initial;
}
.blog-listing__content .post-listing .post-header {
padding-top: 5rem;
z-index: 2;
color: #FFF;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-listing__content .post-listing .post-header a {
text-decoration: none;
color: #FFF;
}
.blog-listing__content .post-listing .post-header a:hover {
text-decoration: underline;
color: #FFF;
}
.blog-listing__content .post-listing .post-body {
z-index: 2;
color: #FFF;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-listing__content .post-listing .post-topics {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
z-index: 2;
}
.blog-listing__content .post-listing .post-topics a {
color:#8DC63F;
text-decoration:none;
}
.blog-listing__content .post-listing .post-more-link {
margin-top: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-listing__content .post-listing .post-more-link a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
display: inline-block;
font-size: 15px;
letter-spacing: .75px;
}
.blog-listing__content .post-listing .post-more-link a:after {
content: url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png?t=1527773841523);
color: #fff;
margin-left: 1rem;
border: 2px solid #fff;
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.7rem;
position: absolute;
display: flex;
right: -3rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
align-items: center;
justify-content: center;
font-size: 1.25rem;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.blog-listing__content .post-listing .post-more-link a:hover:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.blog-listing-top {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin:3rem 0 5rem;
}
.insight-listing .blog-listing-top {
margin:3rem 0;
}
.blog-listing-top > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 65%;
flex: 0 1 65%;
}
.insight-listing .blog-listing-top>div:nth-child(2) {
background:transparent;
padding:0;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.insights-sidebar__subscribe {
background:#FAFBFB;
padding:2rem;
}
.blog-listing-top > div:nth-child(2) {
-webkit-box-flex:0;
-ms-flex:0 1 30%;
flex:0 1 30%;
background:#FAFBFB;
padding:2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-listing-top > div:nth-child(2) form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field input {
padding:12px 6px;
border:0px;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field input:-moz-placeholder { /* Firefox 18- */
color: #B6B8BA;
text-transform:uppercase;
}
.blog-listing-top > div:nth-child(2) form .hs-error-msgs {
list-style:none;
padding-left:0;
color:#e58d33;
font-size: 0.75rem;
position: absolute;
margin-top: 5px;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field.hs-email {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.blog-listing-top > div:nth-child(2) form .hs-submit {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-listing-top > div:nth-child(2) form .hs-submit .actions {
display:inline-block;
position: relative;
margin-top:3rem;
cursor: pointer;
z-index: 1;
}
.blog-listing-top > div:nth-child(2) form .hs-submit .actions input {
font-size: 15px;
letter-spacing: 0.75px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #8DC63F;
background:none;
border:none;
padding-right: 5em;
position: relative;
z-index: 1;
outline: none;
}
.blog-listing-top > div:nth-child(2) form .hs_error_rollup {
display: none !important;
}
.blog-listing-top > div:nth-child(2) form .hs-submit .actions:after {
content: url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-green.png?t=1527773841523);
color: #8DC63F;
margin-left: 1rem;
border: 2px solid #8DC63F;
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.7rem;
position: absolute;
display: flex;
right: 0;
align-items: center;
justify-content: center;
font-size: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog-listing-top > div:nth-child(2) form .hs-form-required {
display:none;
}
.blog-listing-top > div:nth-child(2) form .hs-form-field input {
padding: 12px 6px;
border: 0px;
}
.lifted-blog__item {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
padding: 2rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lifted-blog__item .lightgray-overlay:after {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 6%, rgba(106,106,106,0) 61%, rgba(0,0,0,0.63) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 6%,rgba(106,106,106,0) 61%,rgba(0,0,0,0.63) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000',GradientType=0 );
}
.lifted-blog__date {
position: absolute;
top: 1rem;
left: 2rem;
z-index: 2;
color: #FFF;
text-align: center;
font-weight: bold;
}
.lifted-blog__content {
padding-top: 4rem;
z-index: 2;
color: #FFF;
-webkit-box-flex: 0;
-ms-flex: 0 1 80%;
flex: 0 1 80%;
}
.lifted-blog__header a {
text-decoration: none;
color: #FFF;
}
.lifted-blog__header a:hover {
text-decoration:underline;
}
.lifted-blog__text {
z-index: 2;
color: #FFF;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.lifted-blog__text a {
color: #8DC63F;
text-decoration: none;
}
.lifted-blog__links {
margin-top: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lifted-blog__read-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lifted-blog__read-more a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
display: inline-block;
font-size: 15px;
letter-spacing: .75px;
}
.lifted-blog__read-more a:after {
content: url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png?t=1527773841523);
color: #fff;
margin-left: 1rem;
border: 2px solid #fff;
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.7rem;
position: absolute;
display: flex;
right: -3rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
align-items: center;
justify-content: center;
font-size: 1.25rem;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.lifted-blog__read-more a:hover:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.lifted-blog__type {
margin-left: 6rem;
}
.lifted-blog__type a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
display: inline-block;
font-size: 15px;
letter-spacing: .75px;
border: 1px solid white;
padding: 5px 15px;
border-radius: 50px;
}
.post-listing .hs-author-profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.post-listing .hs-author-profile .hs-author-avatar {
-webkit-box-flex:0;
-ms-flex:0 1 15%;
flex:0 1 15%;
}
.post-listing .hs-author-profile .hs-author-avatar img {
border-radius:50%;
}
.post-listing .hs-author-profile .listing-author-info {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:2rem;
}
.post-listing .hs-author-profile .listing-author-info .hs-author-bio {
max-width:50%;
}
.post-listing .hs-author-profile .listing-author-info h2 {
color:#8DC63F;
}
.blog-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.previous-posts-link,
.next-posts-link {
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
margin-bottom: 1em;
border: 2px solid #8dc63f;
padding: .5em;
}
.next-posts-link {
justify-self: right;
margin-right: 3.333%;
margin-left: auto;
}
/* Yleissivu */
.small-lifted-icon__numbers h2 {
margin: 0;
font-size: 4rem;
color: #8DC63F;
}
.basic-text__content p,
.basic-text__content h1,
.basic-text__content h2,
.basic-text__content h3,
.basic-text__content h4,
.basic-text__content h5,
.basic-text__content h6,
.basic-text__content ul,
.basic-text__content ol {
padding:0 7rem;
max-width:70%;
margin-left:auto;
margin-right:auto;
}
.basic-text__content ol,
.basic-text__content ul {
padding-left: 9em;
}
.basic-text__content ol {
counter-reset: item;
list-style: none;
}
.basic-text__content ol li {
position: relative;
margin-bottom: .5em;
}
.basic-text__content ol li:before {
content: counter(item) ". ";
counter-increment: item;
color: #8DC63F;
left: -32px;
position: absolute;
text-align: right;
width: 26px;
}
.basic-text__content ol li ol,
.basic-text__content ol li ul {
padding: .5em 0;
margin: 0;
}
.basic-text__content img {
margin: 2rem 0;
}
.basic-text__content ul {
list-style: none;
}
.basic-text__content ul li {
padding-left: 1em;
position: relative;
}
.basic-text__content ul li:before {
content: "•";
position: absolute;
left: 0px;
top: 0;
font-size: 1.5rem;
color: rgb(141, 198, 63);
}
.basic-text__content ul li ul {
padding: .5em 0;
margin: 0;
}
.small-lifted-text__container {
padding:2rem 0;
/*! padding:0rem 0; */
}
.small-lifted-text__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.small-lifted-text--header {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.small-lifted-text {
-webkit-box-flex: 0;
-ms-flex: 0 1 45%;
flex: 0 1 45%;
margin-bottom: 3rem;
}
.small-lifted-text__link {
margin-top:2rem;
}
.text-and-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 4rem;
}
.text-and-image__header {
margin-top: 1.9rem;
}
.text-and-image__anchors {
margin-bottom: 3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.text-and-image__anchors a {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
color: #8DC63F;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-size: .9rem;
text-align:center;
margin-bottom: 1em;
}
.text-and-image__image {
-webkit-box-flex: 0;
-ms-flex: 0 1 45%;
flex: 0 1 45%;
}
.text-and-image__image--inner {
width: 100%;
height: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.text-and-image__text {
-webkit-box-flex:0;
-ms-flex:0 1 45%;
flex:0 1 45%;
}
.text-and-image__link {
margin-top: 2rem;
}
.people__container {
}
.people__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.people__header {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.people {
-webkit-box-flex:0;
-ms-flex:0 1 23%;
flex:0 1 23%;
text-align:center;
margin-bottom:4rem;
}
.people__image {
max-width:75%;
margin:0 auto;
}
.people__image img {
border-radius:50%;
}
.people__content--firstname h3 {
margin-bottom:0;
color:#8DC63F;
}
.people__content--lastname h3 {
margin-top:0;
color:#8DC63F;
}
.people__content--information a {
text-decoration:none;
color:#8DC63F;
}
.people__link {
margin-top: 1rem;
display: inline-block;
}
.people__link a {
text-decoration:none;
color:#8DC63F;
}
.people__link a i {
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto;
font-size: 1.5rem;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:2px solid #8DC63F;
}
.people__link a i:hover {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.slider__container {
padding-top:2.5rem;
}
.slider .slick-dots li .slider-pagination {
width: 20px;
height: 20px;
border-radius:50%;
background:transparent;
border:1px solid #8DC63F;
}
.slider .slick-dots li .slider-pagination:hover {
background:#8DC63F;
}
.slider .slick-dots li.slick-active .slider-pagination {
background:#8DC63F;
}
.slider.slick-dotted.slick-slider {
margin-bottom: 4rem;
margin-top: 2rem;
}
.slider .slick-list {
padding-bottom:1rem;
}
.slider .slider-item {
max-width:50%;
margin:0 auto;
padding: 2rem 0;
}
.slider .slider-item em {
font-size: 1.25rem;
line-height: 28px;
}
.slider .slick-arrow {
height: 50px;
}
.slider .slick-arrow i {
color:#8DC63F;
width: 100%;
height: 100%;
}
.slider .slick-arrow i:before {
height: 50px;
width: 20px;
font-size: 50px;
}
.slider .slick-prev:before,
.slider .slick-next:before {
display:none;
}
.slider.slick-initialized .slick-slide {
outline:none;
}
/*****************************************
FOOTER
*****************************************/
.footer__container {
background:#FAFBFB;
}
.footer__wrapper {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 6rem 0 7rem;
}
.footer__wrapper > div {
-webkit-box-flex:0;
-ms-flex:0 1 20%;
flex:0 1 20%;
}
.footer__wrapper > div:last-child {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
}
.footer-some__wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.footer-some__item {
margin-right:1rem;
}
.footer-some__item a {
text-decoration:none;
}
.footer-some__item i {
color: #FFF;
background: #8DC63F;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.footer-some__item i:hover {
background:#6D6E71;
}
.footer-info p:first-child {
margin-top:0;
margin-bottom:0;
}
.footer-info .footer-phone a {
text-decoration:none;
color:#6D6E71;
}
.footer-info .footer-phone a:hover {
color:#8DC63F;
}
.footer-info .footer-phone {
margin-top:5px;
}
.footer-nav ul {
list-style:none;
padding-left:0;
margin-top:0;
}
.footer-nav ul li {
margin-bottom: 0.5rem;
}
.footer-nav ul li a {
text-decoration:none;
color:#6D6E71;
}
.footer-nav ul li a:hover {
color:#8DC63F;
}
.footer-form .form-title {
margin-top:0;
font-size: 18px;
font-weight: normal;
text-transform: initial;
}
.footer-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.footer-form form .hs-form-field.hs-email {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-right:0.5rem;
}
.footer-form form .hs-submit {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
margin-top:1.5rem;
}
.footer-form form .hs-submit > .actions {
height:100%;
display:inline-block;
position:relative;
}
.footer-form form .hs-submit > .actions:after {
content: url(https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-green.png?t=1538127960093);
color: #8DC63F;
margin-left: 1rem;
/*border: 2px solid #8DC63F;*/
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.1rem;
position: absolute;
display: flex;
right: -3.25rem;
align-items: center;
justify-content: center;
font-size: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.footer-form form .hs-submit > .actions > input {
background:none;
border:0px;
cursor:pointer;
font-weight:bold;
color:#8DC63F;
text-transform: uppercase;
outline:none;
padding: 12px 6px;
font-size: 15px;
letter-spacing: 0.75px;
}
.footer-form form .hs-form-field input {
padding:12px 6px;
border:0px;
}
.footer-form form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B6B8BA;
text-transform:uppercase;
}
.footer-form form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
color: #B6B8BA;
text-transform:uppercase;
}
.footer-form form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
color: #B6B8BA;
text-transform:uppercase;
}
.footer-form form .hs-form-field input:-moz-placeholder { /* Firefox 18- */
color: #B6B8BA;
text-transform:uppercase;
}
.footer-form form .hs-form-required {
display:none;
}
.footer-form .hs-error-msgs {
list-style: none;
padding-left: 0;
color: #e58d33;
font-size: 0.75rem;
position: absolute;
margin-top: 0;
}
.footer-form .hs_error_rollup {
display:none;
}
/* EMBED RESPONSIVE */
/* YouTube Responsive CSS for HubSpot */
.hs-responsive-embed {
position: relative;
height: 0;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 56.25%;
}
/* PEOPLE LISTING - ASIANTUNTIJAHAKU */
/* SINGLE VIEW */
.ppl-hero {
min-height: 60vh;
background-position-y: 20% !important;
}
.ppl-hero__text h1 {
font-size: 2.2222222222222223rem;
color: #6d6e71;
}
.ppl-hero__text__lower > p {
margin: 0;
font-size: .9rem;
}
.ppl-hero__text__lower .fa {
color: #8DC63F;
margin-right: .5em;
}
.ppl-hero__mobile-img {
display: none;
}
.ppl-content {
position: relative;
padding: 4em 0;
}
.ppl-content__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ppl-content__wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
.ppl-content__box {
background: #fbfbfb;
padding: 1em 2em;
margin-bottom: 2em;
}
.ppl-go-back {
position: absolute;
z-index: 1;
top: 22%;
left: 3%;
}
.ppl-go-back > a {
color: #8dc63f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
width: 1.5em;
height: 1.5em;
font-size: 1.2rem;
border: 1px solid #8dc63f;
border-radius: 50%;
}
.ppl-calendar {
margin: 2em 0;
}
/* GRID VIEW */
.asiantuntija .footer-container-wrapper {
margin-top:2rem;
}
.grid-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom:2rem;
padding-top: 2rem;
}
.grid-controls > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
.grid-controls select {
border-radius: 0px;
}
#grid {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 33em;
overflow:hidden;
}
.filtr-item {
width: 25%;
padding:0 1em;
word-break: break-word;
text-align: center;
padding-top:2rem;
opacity: 1;
visibility: visible;
/*-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;*/
}
.filtr-item.filteredOut {
opacity:0;
visibility: hidden;
}
.ppl-img {
width: 12em;
height: 12em;
border-radius: 50%;
margin: 0 auto;
background-size: cover !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.filtr-item p {
font-size: .9rem;
margin: 0 !important;
}
p.green-text {
color: #8DC63F;
}
.filtr-item a.ppl-link {
color: #8DC63F;
border: 1px solid #8DC63F;
border-radius: 50%;
width: 2em;
height: 2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: .6em auto 1.5em;
text-decoration: none;
font-size: 1.2rem;
}
.filtr-item a.ppl-name {
color: #6D6E71;
text-decoration: none;
}
.ppl-blog-feed {
display: none !important;
}
/*****************************************
TAPAHTUMASIVU - TS
*****************************************/
.ts-content-wrapper {
max-width: 80%;
margin: 0 auto !important;
float: none !Important;
}
.ts-body a {
color: #8DC63F;
}
.ts-hero__header__logo img {
max-width: 3em;
}
/* TS HERO */
#ts-hero {
color: #fff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-size: cover !Important;
background-repeat: no-repeat !important;
}
#ts-hero h1 {
font-size:2.75rem;
}
.ts-hero__circle-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: url(https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Website/Tapahtumasivu/future_forum18_circle.png?t=1530003983035);
background-repeat: no-repeat;
background-size: 80%;
background-position-x: -75% !important;
background-position-y: 45%;
}
.ts-hero__header {
position: absolute;
width: 85%;
left: 7.5%;
top: 5%;
}
.ts-hero__header__container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ts-hero__header__lang {
margin-right: 1em;
}
.ts-hero__header__lang a {
color: #fff;
text-transform:uppercase;
text-decoration: none;
}
.ts-hero__header__lang a:hover {
text-decoration: underline;
}
.ts-hero__header__some {
margin-right: 1em;
}
.ts-hero__header__some a {
margin-right:0.5rem;
}
.ts-hero__header__some a .fa {
font-size: 1.1em;
width: 2em;
height: 2em;
line-height: 1.1;
text-align: center;
color: #2e7d81;
background: #fff;
padding: .5em;
border-radius: 50%;
}
.ts-hero__content__wrapper {
font-size: 1.3em;
min-height: 90vh;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 80%;
margin: 0 auto !important;
float: none !important;
}
.ts-hero__content {
max-width: 30vw;
}
/* TS - NAV BELOW HERO */
.ts-hero-nav__container {
padding: 2em 0 1em;
}
.ts-hero-nav__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ts-body a.ts-hero-nav__link {
position: relative;
color:#6D6E71;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
padding-bottom: .2em;
margin-bottom: 1em;
margin-right: 2em;
}
.ts-hero-nav__link:last-child {
margin-right: 0;
}
.ts-hero-nav__link:after {
content: '';
display: block;
position: absolute;
height: 2px;
width: 0;
left: 50%;
bottom: 0;
background: #6D5E71;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.ts-hero-nav__link:hover:after {
width: 100%;
left: 0;
}
.ts-regular-content {
padding: 3em 0;
}
.ts-regular-content__wrapper {
max-width: 50%;
margin: 0 auto;
float: none;
}
/* TS FORM */
.ts-register-form__container {
padding:2rem 0;
}
.ts-body .ts-register-form__form form .hs-form-field {
margin-bottom: 1em;
}
.ts-body .ts-register-form__form form .actions {
position: relative;
display: inline-block;
background: #ff831a;
border: 0px;
outline: 0;
color: #fff;
margin: 1em 0 2em;
padding: .7em 2.5em;
-webkit-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
border-radius: 1.4em;
}
.ts-body .ts-register-form__form form .actions:after {
content:"\f105";
font-family: 'FontAwesome';
}
.ts-body .ts-register-form__form form input[type="submit"] {
color: #fff;
text-transform: uppercase;
font-weight: bold;
background: none;
border: 0px;
outline: 0;
}
.ts-body .ts-register-form__form form .hs-form-field > label {
display:none;
}
.ts-body .ts-register-form__form form {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.ts-body .ts-register-form__form form .hs-form-field {
-webkit-box-flex:0;
-ms-flex:0 1 65%;
flex:0 1 65%;
}
.ts-body .ts-register-form__form form ul.hs-error-msgs {
list-style:none;
padding-left:0;
font-size:0.75rem;
position:absolute;
}
.ts-body .ts-register-form__form textarea,
.ts-body .ts-register-form__form input[type="text"],
.ts-body .ts-register-form__form input[type="password"],
.ts-body .ts-register-form__form input[type="datetime"],
.ts-body .ts-register-form__form input[type="datetime-local"],
.ts-body .ts-register-form__form input[type="date"],
.ts-body .ts-register-form__form input[type="month"],
.ts-body .ts-register-form__form input[type="time"],
.ts-body .ts-register-form__form input[type="week"],
.ts-body .ts-register-form__form input[type="number"],
.ts-body .ts-register-form__form input[type="email"],
.ts-body .ts-register-form__form input[type="url"],
.ts-body .ts-register-form__form input[type="search"],
.ts-body .ts-register-form__form input[type="tel"],
.ts-body .ts-register-form__form input[type="color"],
.ts-body .ts-register-form__form select {
padding: 12px 6px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0px;
}
.ts-body .ts-register-form__form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B6B8BA;
text-transform:uppercase;
}
.ts-body .ts-register-form__form input::-moz-placeholder { /* Firefox 19+ */
color: #B6B8BA;
text-transform:uppercase;
}
.ts-body .ts-register-form__form input:-ms-input-placeholder { /* IE 10+ */
color: #B6B8BA;
text-transform:uppercase;
}
.ts-body .ts-register-form__form input:-moz-placeholder { /* Firefox 18- */
color: #B6B8BA;
text-transform:uppercase;
}
.ts-full-content__wrapper {
padding: 3em 0;
}
/* TS SPEAKERS */
.ts-speakers__container {
padding: 3em 0;
}
.ts-speakers__wrapper h2 {
text-align: center;
margin-bottom: 1.5em;
}
.speakers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.speakers__item {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 32.5%;
flex: 0 0 32.5%;
margin-bottom: 1.5%;
overflow: hidden;
min-height: 25em;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: top !important;
}
.speakers__item__flag {
z-index: 1;
position: absolute;
right: 7%;
padding: 1em;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8rem;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
}
.speakers__item__flag span {
-webkit-transform: skewX(15deg);
-ms-transform: skewX(15deg);
transform: skewX(15deg);
display: block;
}
.speakers__item__text {
position: absolute;
height: 100%;
width: 100%;
padding: 1em 1.5em;
background: rgba(50, 131, 131, 0.78);
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
top: 75%;
font-size: 0.90em;
}
.speakers__item:hover .speakers__item__text {
top: 0;
padding: 4em 1.5em 1em;
}
.speakers__item__text h3 {
margin-top: 0;
margin-bottom: 0;
}
.speakers__item__text p {
margin: .5em 0;
line-height: 1.2;
}
.speakers__item__text:after {
content: "\f107";
font-family: "FontAwesome";
font-size: 1.4em;
position: absolute;
top: .7em;
right: 1em;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.speakers__item:hover .speakers__item__text:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
top: 2.7em;
}
/* TS Schedule */
.ts-schedule__wrapper {
padding: 2em 0 4em;
}
.ts-schedule__wrapper h2 {
text-align: center;
}
.ts-schedule {
position: relative;
padding-top: 2em;
border-left: 5px solid #c4c5c7;
padding-left: 2em;
}
.ts-schedule__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2em 0;
}
.ts-schedule__item:before {
content: '';
height: 1em;
width: 1em;
position: absolute;
left: -.95em;
background: #f48215;
border: 5px solid #fff;
border-radius: 50%;
}
.ts-schedule__item__time {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
padding-top: .3em;
}
.ts-schedule__item__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
background: #fafafa;
padding: 1.5em;
top: -1.5em;
position: relative;
border-radius: .5em;
}
.ts-schedule__item__text:after {
right: 100%;
top: 2.5em;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(250, 250, 250, 0);
border-right-color: #fafafa;
border-width: 20px;
margin-top: -20px;
}
.ts-schedule__item__title__category {
color: #f48215;
}
.ts-schedule__item__text h3 {
margin: 0;
color: #328384;
}
/* TS Color content */
.ts-color-content__wrapper {
padding: 1.5em 0;
}
/* TS SLIDER */
.ts-slider__wrapper {
position: relative;
}
.ts-slider__item {
min-height: 35em;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.ts-slider__item__content {
max-width: 40%;
margin: 0 auto;
z-index: 1;
}
.ts-slider__arrow {
position: absolute;
top:0;
height: 100%;
padding: 0 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ts-slider__next {
right: 0;
}
.ts-slider__prev {
left: 0;
}
.ts-slider__arrow .fa {
font-size: 3em;
color: #fff;
}
.ts-slider__overlay {
position: absolute;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.56);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.ts-slider__wrapper .slick-dots {
display: block;
bottom: 0;
position: absolute;
width: 100%;
display: flex !important;
justify-content: center;
list-style: none;
}
.ts-slider__wrapper .slick-dots li button {
display: block;
font-size: 0;
height: 15px;
width: 15px;
border-radius: 50%;
box-shadow: none;
border: 0px;
margin: .2rem;
cursor: pointer;
outline: none !important;
border: 1px solid #fff;
background: transparent;
}
.ts-slider__wrapper .slick-dots li.slick-active button {
background: #fff;
}
.ts-slider__wrapper .slick-dots li button:before {
color:#fff;
}
/* TS Calendar */
.ts-cal__container {
border-bottom: 1px solid;
}
.ts-cal__wrapper {}
.ts-cal {
padding: 6em 0 4em;
}
.ts-cal-item {
margin-bottom: 3em;
}
.ts-cal-item a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
text-align: center;
color:#6D6E71;
}
.ts-cal-item__date {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
color:#328384;
-ms-flex-item-align: start;
align-self: flex-start;
}
.ts-cal-item__date__day {
position: relative;
font-size: 5em;
font-weight: bold;
line-height: 1;
padding-bottom: .1em;
}
.ts-cal-item__date__day:after {
content: '';
background: #328384;
height: 4px;
width: 1.2em;
margin: 0 auto;
position: absolute;
bottom: 0;
left: calc(50% - .6em);
}
.ts-cal-item__date__month {
font-size: 1.6em;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
padding-top: .3em;
}
.ts-cal-item__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding-top: .5em;
}
.ts-cal-item__text h3 {
margin-top: 0;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ts-cal-item:hover h3 {
color:#328384;
text-decoration: underline;
}
.ts-cal-item__readmore {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.ts-cal-item__readmore span {
text-transform: uppercase;
font-weight: 600;
position: relative;
font-size: .8em;
}
.ts-cal-item__readmore span:after {
content: "\f105";
font-family: "FontAwesome";
font-size: 1rem;
line-height: 2em;
margin-left: 2em;
border: 2px solid;
border-radius: 50%;
width: 2em;
height: 2em;
display: inline-block;
position: absolute;
top: -.6em;
right: -3em;
}
/* TS Two col content */
.ts-twocol-content__container {
padding: 6em 0 4em;
}
.ts-twocol-content__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ts-twocol-content-half {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
.ts-twocol-content-half h2 {
margin-top: 0;
}
/* TS IMG Grid */
.ts-img-grid__container {
padding: 5em 0 2em;
}
.ts-img-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ts-img-grid-item {
min-height: 20em;
-webkit-box-flex: 1;
-ms-flex: 1 0 20%;
flex: 1 0 20%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* TS Two column content full */
.ts-twocol-full-content__container {}
.ts-twocol-full-content__container h3.ts-twocol-full-content__title {
text-align: center;
margin-bottom: 2em;
}
.ts-twocol-full-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ts-twocol-full-content-half {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
min-height: 30em;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ts-twocol-full-content-half > *:nth-child(1):not(iframe) {
padding: 3em;
}
/* TS footer */
.ts-above-footer-container {
padding: 1rem 0;
}
.ts-above-footer-wrapper--arrow a {
position: relative;
color:#FFF;
text-decoration:none;
}
.ts-above-footer-wrapper--arrow a:after {
content: url(//3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Home/chevron-right-white.png?t=1533047946517);
color: #FFFFFF;
margin-left: 1rem;
border: 2px solid #FFFFFF;
border-radius: 50%;
height: 45px;
width: 45px;
top: -0.8rem;
position: absolute;
display: flex;
right: -3rem;
align-items: center;
justify-content: center;
font-size: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ts-above-footer-wrapper--arrow a:hover:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ts-footer {
text-align:center;
}
.ts-footer__item.ts-footer__item--logo img {
max-width:200px;
}
.ts-footer .ts-footer__item {
padding-bottom:1.5rem;
}
.ts-footer__item.ts-footer__item--some a i {
font-size: 1.1em;
width: 2em;
height: 2em;
line-height: 1.1;
text-align: center;
background: #fff;
padding: .5em;
border-radius: 50%;
color: #6d6e71;
margin-right:0.5rem;
}
.ts-footer__item.ts-footer__item--some a:hover i {
background:#8DC63F;
}
/* Landing page */
.lp-2018 .hero__container {
padding:0rem;
}
.lp-content__container {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:2rem 0;
}
.lp-content__container > div {
-webkit-box-flex:0;
-ms-flex:0 1 45%;
flex:0 1 45%;
}
.lp-content__container > div:nth-child(2) {
-webkit-box-flex:0;
-ms-flex:0 1 38%;
flex:0 1 38%;
}
.lp-content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:2rem;
}
.lp-content__image--left {
margin-right:3rem;
}
.lp-content__image--right {
margin-left:3rem;
}
.lp-content__image img {
max-width:150px;
}
.lp-content__text {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-content__text ul {
list-style:none;
padding-left:0;
margin:0;
}
.lp-content__text ul li {
position:relative;
margin-bottom:0.5rem;
padding-left:1rem;
}
.lp-content__text ul li:before {
content:"•";
position:absolute;
left:0;
top:-5px;
font-size:1.5rem;
color:#8DC63F;
}
.lp-content__container .basic-form .form-title {
text-align:center;
text-transform:initial;
}
.lp-content__container .legal-consent-container a {
color: #8DC63F;
}
/*****************************************
MEDIA QUERIES
*****************************************/
@media screen and (min-width:1921px) {
.blog-social-share__wrapper.blog-social-share__wrapper--fixed {
position:fixed;
top:7.5%;
left:30%;
}
}
@media screen and (min-width:1000px) {
.speakers__item {
min-height: 38vw;
}
.speakers__item__text {
top: 80%;
}
}
@media screen and (max-width:1600px) {
.ts-body .ts-register-form__form form .hs-form-field {
-webkit-box-flex: 0;
-ms-flex: 0 1 45%;
flex: 0 1 45%;
}
}
@media screen and (max-width: 1500px){
.hero__text h1 {
font-size: 1.7rem;
}
}
@media screen and (min-width:1500px) {
.content-wrapper-wide {
max-width:1440px;
}
}
@media screen and (min-width:1400px) {
.content-wrapper {
max-width:1340px;
}
.content-wrapper-small {
max-width:700px;
}
}
@media screen and (max-width:1500px) {
.ppl-img {
width: 9em;
height: 9em;
}
}
@media screen and (max-width:1400px) {
.lp-content__image--left {
margin-right:2rem;
}
.lp-content__image--right {
margin-left:2rem;
}
}
@media screen and (max-width: 1366px){
.hero__text h1 {
font-size: 1.5rem;
}
.hero__text h3 {
font-size: 1.4rem;
}
.people {
-webkit-box-flex: 0;
-ms-flex: 0 1 31%;
flex: 0 1 31%;
text-align: center;
margin-bottom: 4rem;
}
}
@media screen and (max-width:1300px) {
.blog-social-share__wrapper {
position: absolute;
top: 54vh;
left: 0;
}
.blog-social-share__wrapper.blog-social-share__wrapper--fixed {
position: fixed;
top: 7.5%;
left: 8.7%;
}
}
@media screen and (max-width:1280px){
.ts-hero__content {
max-width: 60vw;
}
.ts-content-wrapper {
max-width: 90%;
margin: 0 auto !important;
float: none !Important;
}
.ts-hero__content__wrapper {
max-width: 80%;
}
}
@media screen and (max-width:1279px) {
.lp-content__image {
margin-bottom:1rem;
}
.slider .slider-item {
max-width:75%;
}
html, body {
font-size:17px;
}
.hero__link a {
font-size: 1.15rem;
}
.basic-link.big-link a {
font-size:1.15rem;
}
.hero-big-number {
font-size:10rem;
}
.hero__content--2 {
padding-left:1.5rem;
}
.small-lifted-icon {
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
flex: 0 1 47%;
}
.relevant-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
flex: 0 1 47%;
}
.simple-blog-item__date {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.simple-blog-item__date--day {
-webkit-box-flex: 0;
-ms-flex: 0 1 15%;
flex: 0 1 15%;
margin-bottom: .3em;
}
.simple-blog-item__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
padding-right: 0;
}
.simple-blog-item {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.simple-blog-item__link {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-top:2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.simple-blog-item__link.basic-link > a {
padding-right:4rem;
}
#twitter-feed {
max-width: 100%;
}
.related-post {
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
flex: 0 1 47%;
}
.blog-listing__content .post-listing > .post-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
flex: 0 1 47%;
}
}
@media screen and (min-width:1201px) {
.mobile-nav__container {
display:none;
}
}
@media screen and (max-width:1200px) {
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item {
-webkit-box-flex:0;
-ms-flex:0 1 47%;
flex:0 1 47%;
}
.blog-listing-top > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom: 2rem;
}
.updated-blog-listing.insight-listing .blog-listing-top>div:nth-child(1) {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
.updated-blog-listing.insight-listing .blog-listing-top>div:nth-child(2) {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
.insight-listing .blog-listing-top>div:nth-child(1) {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
.blog-listing-top > div:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom:2rem;
}
.insight-listing .blog-listing-top>div:nth-child(2) {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
.ppl-img {
width: 6em;
height: 6em;
}
.blog-post-wrapper p, .blog-post-wrapper h1, .blog-post-wrapper h2, .blog-post-wrapper h3, .blog-post-wrapper h4, .blog-post-wrapper h5, .blog-post-wrapper h6, .blog-post-wrapper ul {
padding:0 0rem;
}
.basic-text__content p, .basic-text__content h1, .basic-text__content h2, .basic-text__content h3, .basic-text__content h4, .basic-text__content h5, .basic-text__content h6, .basic-text__content ul, .basic-text__content ol {
padding:0 3rem;
}
.basic-text__content ol,
.basic-text__content ul {
padding-left: 5em;
}
.about-author-sec {
padding: 0 0rem;
}
body .header-nav {
display:none !important;
}
.mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper {
position: relative;
padding-top: 0;
margin-left: 0 !important;
padding-bottom: 0.5rem;
visibility: visible;
opacity: 1;
}
.white-overlay {
left: -20%;
width: 70%;
}
.footer__wrapper > div:nth-child(1) {
-webkit-box-flex:0;
-ms-flex:0;
flex:0;
}
.footer-some__item {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
margin-bottom:0.5rem;
margin-right:0;
}
.basic-form .hs-submit .actions:after {
right: 2.5rem;
}
}
@media screen and (max-width: 1170px){
.hero__text h1 {
font-size: 1.35rem;
}
.hero__text h3 {
font-size: 1.20rem;
}
}
@media screen and (max-width:1025px) {
.hero__text h1,
.hero__text h3 {
font-size: 1.2rem;
}
.people {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
text-align: center;
margin-bottom: 4rem;
}
.blog-social-share__wrapper {
position: absolute;
top: 52vh;
left: -20%;
}
.blog-social-share__wrapper.blog-social-share__wrapper--fixed {
position: fixed;
top: 7.5%;
left: 0;
}
.blog-post-hero {
height:25vh;
}
.blog-section.blog-section--featured-image {
margin: -4rem auto 0;
}
.basic-link a:after {
top:-0.85rem;
}
.hero__container {
min-height:45vh;
}
.search__container.search__container--open > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 90%;
flex: 0 1 90%;
}
}
@media screen and (max-width:1000px) {
.content-wrapper-small {
max-width:80%;
}
.ts-body .ts-register-form__form form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ts-body .ts-register-form__form form .hs-form-field {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
@media screen and (max-width:900px) {
.speakers__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 49.3%;
flex: 0 0 49.3%;
}
.hero__text h1 {
font-size: 1.35rem;
}
}
@media screen and (min-width:770px) {
}
@media screen and (max-width:770px) {
.simple-blog-item__date--day {
margin-bottom: .1em;
}
.ppl-img {
width: 9em;
height: 9em;
}
.simple-blog-item__date--month {
margin-top:0;
}
.header-main {
padding:0.5rem 0;
}
.ppl-hero__mobile-img {
display: block;
max-width: 10em;
margin: 1.5em auto;
}
.ppl-hero .white-overlay {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.people {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
text-align: center;
margin-bottom: 4rem;
}
.ts-schedule__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#ts-hero {
overflow: hidden;
}
.ts-hero__circle-overlay {
width: 150%;
height: 100%;
}
.ts-hero__content {
max-width: 100vw;
left: 7%;
position: relative;
}
.ts-hero__content__wrapper {
max-width: 90%;
min-height: 60vh;
}
.ts-hero__circle-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: url(https://3870108.fs1.hubspotusercontent-na1.net/hubfs/3870108/2018%20-%20Website/Tapahtumasivu/future_forum18_circle.png?t=1535379202641);
background-repeat: no-repeat;
background-size: 130%;
background-position-x: 95% !important;
background-position-y: 50%;
}
.hero__container--small .white-overlay {
top: 0;
height: 100%;
bottom: 0;
transform: skew(0deg);
left: 0;
}
.hero__text {
word-break: break-word;
}
.grid-controls {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid-controls > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
margin-bottom: 1em;
}
.filtr-item {
width: 48%;
padding: 2em;
word-break: break-word;
text-align: center;
}
.blog-social-share__wrapper {
display:none;
}
.lp-content__container > div {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.lp-content__container > div:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.hero__container--small h3:last-child {
/*color:#FFF;*/
}
.blog-post-hero {
height:30vh;
}
.blog-section.blog-section--featured-image {
margin: -4rem auto 0;
}
.blog-listing__nav {
display:none;
}
.blog-listing__nav--mobile {
display:block;
}
.blog-bottom__subscribe form {
max-width:100%;
}
.related-post__link a:after {
right:-4rem;
}
.related-post__title {
padding-top:5rem;
}
.blog-post-wrapper p,
.blog-post-wrapper ul li {
font-size:19px;
}
.related-post {
-webkit-box-flex: 0;
-ms-flex: 0 1 470%;
flex: 0 1 47%;
margin-bottom: 2rem;
}
.blog-post-wrapper {
padding:1rem 1rem;
}
.blog-section.blog-section--featured-image,
.blog-section {
max-width:90%;
}
.blog-post-wrapper p,
.blog-post-wrapper h1,
.blog-post-wrapper h2,
.blog-post-wrapper h3,
.blog-post-wrapper h4,
.blog-post-wrapper h5,
.blog-post-wrapper h6,
.blog-post-wrapper ul {
padding:0 2rem;
}
.basic-text__content p, .basic-text__content h1, .basic-text__content h2, .basic-text__content h3, .basic-text__content h4, .basic-text__content h5, .basic-text__content h6, .basic-text__content ul, .basic-text__content ol {
padding:0 2rem;
}
.basic-text__content ol,
.basic-text__content ul {
padding-left: 4em;
}
.about-author-sec {
padding: 0 2rem;
}
.header-top {
padding: 0.5rem 0 !important;
}
.header-top > div:nth-child(2) > div > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-link--mobile {
display:block;
}
.header-link--desktop {
display:none;
}
.header-links__link {
-webkit-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top: 0;
margin-bottom:1rem;
}
.header-links__link a {
-webkit-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg);
width:100%;
}
.header-main > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 35%;
flex: 0 1 35%;
}
.header-links__link {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
text-align:center;
}
.header-links__link a {
padding: 1rem 0;
}
body {
flex-grow: 1;
}
body .header-nav {
display:none !important;
}
html, body {
font-size:16px;
}
.downloadables__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom:4rem;
}
.form-section__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.form-section__form {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.footer__wrapper > div {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
margin-bottom: 2rem;
}
.footer__wrapper > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
.footer-some__item {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
margin-bottom: 0;
margin-right: 0.75rem;
}
.footer__wrapper > div:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
.basic-green-link a {
padding: 1rem 4rem 1rem 3rem;
}
.basic-green-link a:after {
right: 2rem;
}
.basic-link__container {
padding:2.5rem 0;
}
.relevant-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 470%;
flex: 0 1 47%;
margin-bottom:2rem;
}
.content-wrapper,
.content-wrapper-small {
max-width:85%;
}
.mobile-nav-trigger {
top:30%;
}
.content-wrapper-wide {
max-width:90%;
}
.hero__content--1 {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
margin-top:1rem;
}
.hero__container--small .hero__content--1 {
margin-top:0;
}
.hero__content--2 {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom: 4rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top:5rem;
}
.hero__content {
max-width:100%;
}
.white-overlay {
-webkit-transform: skewY(0);
-ms-transform: skewY(0);
transform: skewY(0);
width: 100%;
height: 100%;
left:0;
top:0%;
}
.reference__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.relevant-item__link a:after {
top: -0.95rem;
}
}
@media screen and (max-width:700px) {
.post-listing .hs-author-profile {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.post-listing .hs-author-profile .listing-author-info {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.post-listing .hs-author-profile .hs-author-avatar {
-webkit-box-flex:0;
-ms-flex:0 1 25%;
flex:0 1 25%;
}
.ts-img-grid-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.ts-twocol-full-content__container h3.ts-twocol-full-content__title {
max-width: 95%;
margin: 0 auto 2em;
}
.ts-twocol-full-content {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.ts-twocol-full-content-half {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.ts-twocol-content__wrapper {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.ts-twocol-content-half {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom:2rem;
}
.ts-cal-item a {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.ts-cal-item a .ts-cal-item__date {
margin-bottom: 1rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.ts-cal-item a .ts-cal-item__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom:1rem;
}
.ts-cal-item a .ts-cal-item__readmore {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.people {
-webkit-box-flex: 0;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
}
.people__image {
max-width:50%;
}
.small-lifted-text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.text-and-image__image {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
height: 20rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.text-img-nobg .text-and-image__image {
height: auto;
}
.text-img-nobg .text-and-image__image img {
max-width: 100%;
height: auto;
}
.text-and-image__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
.blog-social-share__wrapper {
display:none;
}
.blog-listing__content .post-listing > .post-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-right: 0;
}
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item:nth-child(6), .blog-listing__content.blog-listing__content--insights-main-feed .post-listing > .post-item:nth-child(7) {
margin-bottom:3rem;
}
.relevant-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom:4rem;
margin-right: 0;
}
.related-post {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom:4rem;
}
.blog-bottom__content > div {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.blog-bottom__content > div:nth-child(2) {
border-left:0px;
border-top:1px solid #b6b8ba;
}
.about-author-sec {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.about-author__info {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.about-author__img {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
margin-bottom:2rem;
}
}
@media screen and (max-width: 660px){
.small-lifted-icon {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.hero__text h1 {
font-size: 1.35rem;
}
.hero__text h3 {
font-size: 1.25rem;
}
}
@media screen and (max-width:500px) {
.post-listing .hs-author-profile .listing-author-info .hs-author-bio {
max-width:100%;
}
.post-listing .hs-author-profile .hs-author-avatar {
-webkit-box-flex: 0;
-ms-flex: 0 1 35%;
flex: 0 1 35%;
}
.lifted-blog__read-more {
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
margin-bottom:2.5rem;
}
.lifted-blog__type {
margin-left:0;
}
p {
line-height:1.35em;
}
ul li {
line-height:1.35em;
}
ol li {
line-height:1.35em;
}
.simple-blog-item__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 90%;
flex: 0 1 90%;
}
.header-main {
padding: 0.75rem 0 0.75rem 5px;
}
.header-main > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
}
.ts-schedule__item__text h3 {
font-size: 1rem;
}
.speakers__item__text {
top: 78%;
}
.ppl-content__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ppl-content__wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 98%;
flex: 0 0 98%;
}
.hero__container--small .white-overlay {
height: 100%;
transform: skew(0deg);
top: 0;
left: 0;
}
.grid-controls > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 98%;
flex: 0 0 98%;
margin-bottom: 1em;
}
.filtr-item {
width: 98%;
padding: 2em;
word-break: break-word;
text-align: center;
}
.hero__container--small h3:last-child {
line-height: 1.35;
font-size: 1.15rem;
padding-top: 5rem;
}
.ts-regular-content__wrapper {
max-width:95%;
}
.speakers__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.people {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.slick-arrow {
display:none !important;
}
.small-lifted-icon__container--numbers .small-lifted-icon {
margin-bottom: 2rem;
}
.hero__content {
text-align:center;
}
.blog-section.blog-section--featured-image {
margin: -2rem auto 0;
}
.blog-post-hero {
height:25vh;
}
.slider .slider-item {
max-width:100%;
}
.blog-post-wrapper p {
line-height:27px;
}
.blog-post__date {
margin-bottom:2.5rem;
}
h2 {
font-size: 24px;
}
.post-header h1 {
font-size:1.65rem;
}
.blog-post-wrapper p,
.blog-post-wrapper ul li{
font-size:16px;
}
.blog-post-wrapper p,
.blog-post-wrapper h1,
.blog-post-wrapper h2,
.blog-post-wrapper h3,
.blog-post-wrapper h4,
.blog-post-wrapper h5,
.blog-post-wrapper h6,
.blog-post-wrapper ul {
padding:0rem 1rem;
}
.basic-text__content p, .basic-text__content h1, .basic-text__content h2, .basic-text__content h3, .basic-text__content h4, .basic-text__content h5, .basic-text__content h6, .basic-text__content ul, .basic-text__content ol {
padding:0rem 1rem;
max-width:100%;
}
.basic-text__content ol,
.basic-text__content ul {
padding-left: 3em;
}
.about-author-sec {
padding: 0rem 1rem;
}
.blog-post-wrapper {
padding:1rem 0;
}
.hero__link a {
font-size:1rem;
}
.small-lifted-icon__icon img {
max-width:100px;
}
.mobile-nav {
top:3rem;
}
.basic-green-link a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 90%;
margin: 0 auto;
padding: 1rem 3.5rem 1rem 2rem;
}
.basic-green-link a:after {
top:initial;
}
.timePosted:before {
top:4px;
}
.timePosted {
padding-left:3.5rem;
}
.white-overlay {
height:100%;
}
.content-wrapper,
.content-wrapper-small {
max-width:90%;
}
.mobile-nav-trigger {
top:12%
}
.content-wrapper-wide {
max-width:95%;
}
.hero__content--1 {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.basic-link.big-link a:after {
display:none;
}
.basic-link a:after,
.relevant-item__link a:after,
.reference__link a:after {
top: -0.85rem;
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
right:-3.5rem;
}
.small-lifted-icon__link a i {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.downloadables__item {
margin-bottom:4rem;
}
.downloadables__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
html, body {
font-size:16px;
}
.small-lifted-icon {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.footer__wrapper > div {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.footer-some__item {
-webkit-box-flex:0;
-ms-flex:0;
flex:0;
margin-right:0.75rem;
}
.footer__wrapper > div:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.footer__wrapper > div:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.simple-blog-item__date--day {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
font-size: 3.5rem;
}
}
@media screen and (max-width:400px) {
.hero__text h1 {
font-size: 1.35rem;
}
.ts-img-grid-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
/* IE STYLES */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.ts-slider__item {
height: 35em;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.hero__container--small .hero__wrapper {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.relevant-item {
-webkit-box-flex:0;
-ms-flex:0 1 24%;
flex:0 1 24%;
}
.blog-listing-top > div:nth-child(1) {
-webkit-box-flex:0;
-ms-flex:0 1 60%;
flex:0 1 60%;
}
.blog-listing__content .post-listing > .post-item {
-webkit-box-flex:0;
-ms-flex:0 1 24%;
flex:0 1 24%;
}
.hero__content {
min-height:70vh;
}
.hero__container--small .hero__content {
min-height:40vh;
}
}
/* Added by HS Support */
.mobile-nav {
display: none;
}
/* VIPU AUDIT */
.vipu_class_grid {
display: grid !important;
grid-template-columns: repeat(auto-fill,minmax(301px,1fr));
grid-gap: 20px;
}
.vipu_class_grid_4 {
display: grid !important;
grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
grid-gap: 20px;
}
.asiantuntija .footer-container-wrapper{
margin:0;
}