







/* 1a. Containers */




/* 1b. Colors */

























  











/* 1c. Typography */









/* 1d. Buttons */





/* 1e. Forms */







/* 1g. Website header */




/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 17px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #31343e;
  font-size: 17px;
}

#main-content {
  min-height: 65vh;
}

/* Paragraphs */

p {
  font-size: 18px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #444;
  line-height: 1.6;
}

hr {
  border-bottom: 2px solid #EEE
}

/* Anchors */

a {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #1971C2;
  text-decoration: none;
}

a:hover,
a:focus {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #328adb;
  text-decoration: underline;
}

a:active {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: ;
}

/* Headings */

h1,
.h1 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #31343e;
  font-size: 2.5rem;
  letter-spacing: -1px;
}

h1.primary {
  font-size: 3.5rem;
}

h1.simple {
  font-size: 3rem;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  h1.primary {
    font-size: 3rem;
  } 
  h1.simple {
    font-size: 2.8rem;
  }
}
@media (max-width: 380px) {
  h1.primary {
    font-size: 2.5rem;
  }
  h1.simple {
    font-size: 2.5rem;
  }
}

h2,
.h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #31343e;
  font-size: 2rem;
  letter-spacing: -0.5px;
}

h3,
.h3 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #31343e;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
}

h4,
.h4 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  color: #666;
  font-size: 1.25rem;
}

h5,
.h5 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
}

h6,
.h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.uppercase-header {
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 700;
  font-size: 0.9em;
}

.gradient-text {
    background-color: #1971C2;
    background-image: linear-gradient(115deg, #1971C2, #55059E);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.purple-gradient {
  background-color: #55059E;
  background-image: linear-gradient(115deg, #1971C2, #55059E);
}

.orange-gradient {
  background-color: #F39D00;
  background-image: linear-gradient(115deg, #FF5F5C, #F39D00);;
}

.green-gradient {
  background-color: #74B616;
  background-image: linear-gradient(115deg, #1971C2, #74B616);
}

.pink-gradient {
  background-color: #FF5F5C;
  background-image: linear-gradient(115deg, #1971C2, #55059E, #FF5F5C);
}

/* Blockquote */

blockquote {
  border-left-color: #E3F3FF;
  color: #666;
}

blockquote p, .blog-post blockquote p {
    color: #666;
}

b, strong {
  font-weight: bold;
}





button,
.button,
.hs-blog-post-listing__post-button,
form input[type="submit"],
body input[type="button"],
form .hs-button
{
  padding: 1em 1.4em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  background-color: #FF6B6B;
  border-radius: 60px;
  color: #fff;
  font-size: ;
  text-decoration: none !important;
  border: none;
  text-transform: uppercase;
  transition: 0.3s all;
  cursor: pointer;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.3px;
  margin-top: 1em;
  display: inline-block;
  text-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif !important;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus,
form input[type="submit"]:hover,
form input[type="submit"]:focus,
body input[type="button"]:hover,
body input[type="button"]:focus,
form .hs-button:hover,
form .hs-button:focus
{
  background-color: #f56161;
  color: #fff;
}

button:active,
.button:active,
.hs-blog-post-listing__post-button:active,
form input[type="submit"]:active,
body input[type="button"]:active,
form .hs-button:active
{
  background-color: #ff7575;
  color: #fff;
}

button.secondary, .button.secondary {
  background-color: #EEE;
  color: #666;
}

.button.secondary:hover, button.secondary:hover,
.button.secondary:focus, button.secondary:focus
{
  background-color: #FF6B6B;
  color: white;
}

.button.secondary:active, button.secondary:active {
  background-color: #ff7f7f;
}

button.viima-cta-button, a.viima-cta-button {
  background: linear-gradient(115deg, #1971C2, #55059E) !important;
  background-size: 250%, 250% !important;
  background-position: top left !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif !important;
}

button.viima-cta-button:hover, a.viima-cta-button:hover,
button.viima-cta-button:focus, a.viima-cta-button:focus
{
  background-position: bottom right !important;
}

button.viima-cta-button:active, a.viima-cta-button:active {
  background-position: top right !important;
}






form,
.submitted-message {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif;
  max-width: 650px;
}

/* Form title */

.form-title {
  color: #666;
}

/* Labels */

form label {
  color: #777;
  font-size: 0.8rem;
}

/* Help text */

form legend {
  color: #999;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: block;
  width: 100% !important;
  height: 40px;
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #444;
  background-color: #fff;
  background-image: none;
  border: 2px solid #DDD;
  border-radius: 8px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.08);
  box-shadow: 0px 2px 8px rgba(0,0,0,.08);
  webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

form input:focus,
form select:focus,
form textarea:focus {
  outline: none;
  border-color: #1971C2;
}

/* Separate Styles for Multiple Line Inputs */
body textarea,
body textarea:focus {
    height: 68px;
}

body input[type="checkbox"]:not(:checked), body input[type="checkbox"]:checked {
    position: initial;
    left: initial;
    opacity: initial;
    margin-right: 10px;
    margin-top: 5px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::placeholder {
  color: #999;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #999;
}

.fn-date-picker td.is-selected .pika-button {
  background: #1971C2;
}

.fn-date-picker td .pika-button:hover {
  background-color: #1971C2 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #1971C2;
}

form .hs-richtext, form .hs-richtext a, form .legal-consent-container p, form .legal-consent-container p a, form .legal-consent-container p a {
  color: #999;
  line-height: initial;
}

form .hs-form-required {
  display: none;
}

form ul.inputs-list.hs-error-msgs label {
  color: #F39D00;
}
form input.hs-input.invalid.error {
  border-color: #F39D00;
}

/* Search input */

#hs_cos_wrapper_site_search .hs-search-field__bar>form>.hs-search-field__input, .hs-search-field__bar>form>.hs-search-field__input {
  border: 2px solid #EEE !important;
}
.header__search .hs-search-field__button svg, .footer .hs-search-field__button svg, .footer .hs-search-field button svg {
  fill: #999;
}

.hs-search-field__suggestions li.results-for {
  color: #999;
}

.header__search .hs-search-field__suggestions li a, .header__search .hs-search-field__suggestions li a span,
.hs-search-field__suggestions li a, .hs-search-field__suggestions li a span
{
  color: #666;
}

.hs-search-field__suggestions li>a:focus, .hs-search-field__suggestions li>a:hover, .hs-search-field__suggestions li>a:focus span, .hs-search-field__suggestions li>a:hover span {
  color: #1971C2;
  text-decoration: none;
}

/* Custom Inline Forms (email + button only) */

.custom-inline-form-container form.hs-form {
  display: flex;
  justify-content: center;
}

.custom-inline-form-container.left-align form.hs-form {
  justify-content: left;
}

.custom-inline-form-container form.hs-form div.hs-form-field, .custom-inline-form-container form.hs-form div.actions, .custom-inline-form-container form.hs-form div.hs-submit {
  display: flex;
}

.custom-inline-form-container form.hs-form div.hs-form-field {
  width: calc(100% - 10px);
  max-width: 400px;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  flex-direction: column;
}

.custom-inline-form-container form.hs-form div.hs-form-field div.input {
  width: 100%;
}

.custom-inline-form-container form.hs-form div.hs-form-field div.input input {
  padding: 10px 25px;
  height: 60px;
  border-radius: 60px;
  font-size: 1rem;
}

.custom-inline-form-container form.hs-form .hs-error-msgs {
  width: 70%;
  max-width: 400px;
}
.custom-inline-form-container form.hs-form .hs-error-msgs label {
  padding-left: 10px;
}

.custom-inline-form-container form.hs-form div.actions input[type="submit"].hs-button {
  background: linear-gradient(115deg, #1971C2, #55059E) !important;
  background-size: 250%, 250% !important;
  background-position: top left !important;
  height: 60px;
  letter-spacing: 0.5px;
  font-size: 1rem;
  padding: 10px 30px;
  font-weight: 600;
  transition: 0.3s all;
}

.custom-inline-form-container form.hs-form div.actions input[type="submit"].hs-button:hover,
.custom-inline-form-container form.hs-form div.actions input[type="submit"].hs-button:focus {
  background-position: bottom right !important;
}

@media screen and (max-width: 599px) {
  .custom-inline-form-container form.hs-form {
    flex-direction: column;
    align-items: center;
  }

  .custom-inline-form-container form.hs-form div.hs-form-field, .custom-inline-form-container form.hs-form .hs-error-msgs {
    width: 100%;
  }
}






/* Table */

table {
}

/* Table cells */

td,
th {
}

/* Table header */

thead th {
}

/* Table footer */

tfoot td {
}





.header {
  background-color: transparent;
  position: absolute;
  width: 100%;
   /* TODO: Experimental */
}

.header.blur {
  backdrop-filter: blur(6px);
}

.body-container .row-number-1 {
  padding-top: 180px;
}

@media (max-width: 767px) {
  .body-container .row-number-1 {
    padding-top: 150px;
  }
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #777;
  background-color: white;
}


.menu__child-toggle-icon {
  border-top-color: #777;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #4f4f4f;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #4f4f4f;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #9f9f9f;
}

.menu__child-toggle-icon:active {
  border-top-color: #9f9f9f;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #777;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #EEE
    background-color: white;
    box-shadow: 2px 8px 8px 0 rgba(0,0,0,.2);
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #EEE
    background-color: background-color: white;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #777;
  background-color: background-color: white;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: transparent;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: transparent;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: ;
}

.header__language-switcher-label-current:after {
  border-top-color: #777;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: transparent;
  }

  .header__navigation.open {
    background-color: #F9FBFD;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #777;
  }
}





.footer {
  background-color: #343A40;
}

/* Hide search if not enough space */
@media (min-width: 767px) and (max-width: 1024px) {
  .footer .row-number-1 .dnd-column:last-of-type {
    display: none
  }
}

/* Footer content */

.footer .dnd-section .dnd-column {
  margin-bottom: 30px;
}

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img,
.footer a {
  color: white;
}

.footer li a {
  font-size: 0.9rem;
  display: inline-block;
  width: 100%;
  padding: 3px 0;
}

@media (max-width: 767px) {
  .footer li a {
    font-size: 1rem;
    padding: 6px 0;
  }
}

.footer .widget-type-linked_image img {
  margin-left: -8px;
  margin-top: -5px;
  width: 125px;
  height: 54px;
}

.footer .company-info {
  font-size: 0.8rem;
  margin-top: 10px;
  color: white;
}

.footer .company-info .name {
  font-weight: bold;
}

.footer .copyright {
  font-size: 0.8rem;
}

.footer .social-links {
  margin-left: -8px;
  margin-top: 5px;
  flex-flow: row;
}
/* Nav Menus */
.footer span[data-hs-cos-type="menu"] ul li:first-child a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding-bottom: 5px;
  display: inline-block;
}
.footer span[data-hs-cos-type="menu"] ul li a:hover {
  text-decoration: none;
  color: #1971C2;
}

/* Language switcher */
.footer .lang_switcher_class {
  margin-left: -3px;
}
.footer .lang_switcher_class .globe_class {
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="white" d="M24 44.85q-4.35 0-8.15-1.625-3.8-1.625-6.65-4.475-2.85-2.85-4.45-6.675-1.6-3.825-1.6-8.175 0-4.35 1.6-8.175 1.6-3.825 4.45-6.6 2.85-2.775 6.65-4.375 3.8-1.6 8.15-1.6 4.35 0 8.15 1.6 3.8 1.6 6.65 4.375 2.85 2.775 4.45 6.6 1.6 3.825 1.6 8.175 0 4.4-1.6 8.2-1.6 3.8-4.45 6.65-2.85 2.85-6.65 4.475-3.8 1.625-8.15 1.625Zm0-3.8q1.7-1.7 2.825-4.025Q27.95 34.7 28.75 31.55H19.3q.7 2.95 1.85 5.35 1.15 2.4 2.85 4.15Zm-4.4-.6q-1.2-1.8-2.075-3.975-.875-2.175-1.475-4.925h-7.4q1.8 3.4 4.3 5.425t6.65 3.475Zm8.85-.05q3.5-1.1 6.325-3.4t4.575-5.45h-7.3q-.65 2.7-1.525 4.875Q29.65 38.6 28.45 40.4ZM7.6 28.4h7.85q-.15-1.3-.175-2.375-.025-1.075-.025-2.125 0-1.25.05-2.225.05-.975.2-2.125H7.6q-.35 1.15-.475 2.1Q7 22.6 7 23.9t.125 2.325Q7.25 27.25 7.6 28.4Zm11.15 0H29.3q.2-1.5.25-2.475.05-.975.05-2.025 0-1-.05-1.925t-.25-2.425H18.75q-.2 1.5-.25 2.425-.05.925-.05 1.925 0 1.05.05 2.025.05.975.25 2.475Zm13.8 0h7.9q.25-1.15.4-2.175Q41 25.2 41 23.9q0-1.3-.15-2.25t-.4-2.1H32.6q.05 1.8.1 2.675.05.875.05 1.675 0 1.1-.075 2.075-.075.975-.125 2.425Zm-.55-12h7.35q-1.65-3.35-4.475-5.65Q32.05 8.45 28.4 7.5q1.2 1.85 2.075 3.95.875 2.1 1.525 4.95Zm-12.7 0h9.5q-.55-2.5-1.8-5.025Q25.75 8.85 24 6.9q-1.55 1.4-2.625 3.6T19.3 16.4Zm-10.65 0h7.45q.55-2.7 1.375-4.775T19.55 7.55q-3.7.95-6.475 3.175Q10.3 12.95 8.65 16.4Z"/></svg>');
  width: 22px;
  height: 22px;
}
.footer .lang_list_class li {
  border-color: #EEE;
  padding: 10px;
}

.footer .lang_list_class li:first-child {
  border-radius: 4px 4px 0 0;
  border-color: #EEE;
}
.footer .lang_list_class li:last-child {
  border-radius: 0 0 4px 4px;
  border-color: #EEE;
}
.footer .lang_list_class:before {
  border-bottom-color: #EEE;
}
.footer .lang_list_class li a:hover {
  color: #1971C2;
}





.blog-post,
.blog-header__inner,
section.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */


/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
}

.blog-related-posts__title-link {
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
}

.blog-related-posts__title-link:active {
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  background-color: transparent;
  color: #999;
  margin-top: 0;
  margin-bottom: 30px;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  background-color: transparent;  
  color: #1971C2;
}

#comments-listing .comment-reply-to:active {
  background-color: transparent;
  color: #1971C2;
}

#comments-listing .comment-date {
  color: #999;
}





.systems-page {
  padding: 150px 0 3rem 0;
  max-width: 800px;
}

/* Unsubscribe page header */
.systems-page #email-prefs-form p.header {
  position: initial;
  width: 100%;
  color: #1971C2;
  margin: 1em auto;
  font-weight: bold;
}

.hs-search-results .hs-search-results__listing {
  margin-top: 40px;
}

.hs-search-results__description {
  margin-bottom: 2rem;
}

.hs-search-results__title {
  color: #555;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0;
  text-decoration: none;
}
.hs-search-results__title:hover {
  color: #1971C2;
}

/* Search results */

#hs_cos_wrapper_search_results .hs-search-results__pagination__link {
  color: #999;
}

#hs_cos_wrapper_search_results .hs-search-results__pagination__link--active {
  border: none;
  font-weight: bold;
  color: #31343e;
  border-bottom: 2px solid #1971C2;
}

#hs_cos_wrapper_search_results .hs-search-results__pagination__link--first, 
#hs_cos_wrapper_search_results .hs-search-results__pagination__link--last,
#hs_cos_wrapper_search_results .hs-search-results__pagination__link--disabled
{
  display: none;
}

/* COOKIE POLICY BANNER */
#hs-banner-parent div#hs-eu-cookie-confirmation {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording p, 
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-disclaimer,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-cookie-settings-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-decline-button,
#hs-banner-parent #hs-modal #hs-modal-content, #hs-banner-parent #hs-modal #hs-modal-content p a, #hs-banner-parent #hs-modal #hs-modal-content p p, #hs-banner-parent #hs-modal #hs-modal-content p,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container #hs-modal-introduction-description,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container #hs-modal-introduction-description p,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container #hs-categories-container .hs-category-row .hs-category-row-header .hs-category-label,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container #hs-categories-container .hs-category-row .hs-category-row-header .hs-category-label span,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container #hs-categories-container .hs-category-row .hs-category-description,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container #hs-categories-container .hs-always-active-label,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container button#hs-modal-accept-all,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container button#hs-modal-save-settings
{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif !important;
  color: #777 !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording p a,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-cookie-settings-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-cookie-settings-button
{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'Helvetica', sans-serif !important;
  color: #777 !important;
  text-decoration: none !important;
  font-weight: normal !important;
  text-transform: none !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording p a:hover,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording p a:focus {
  color: #1971C2 !important;
  text-decoration: underline !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording p a:active {
  color: #1971C2 !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-decline-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group button#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group a#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group button#hs-eu-decline-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group a#hs-eu-decline-button,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container button#hs-modal-accept-all,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container button#hs-modal-save-settings,
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container a#hs-modal-save-settings,
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container a#hs-modal-accept-all
{
  text-transform: uppercase !important;
  font-weight: bold !important;
  letter-spacing: 0.2px !important;
  border: 0 !important;
  border-radius: 50px !important;
  font-size: 1.05em !important;
  padding: 12px 16px !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area a#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group button#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group a#hs-eu-confirmation-button,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container button#hs-modal-accept-all,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container a#hs-modal-accept-all,
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container a#hs-modal-accept-all
{
  color: white !important;
  background: linear-gradient(115deg, #1971C2, #55059E) !important;
  order: 2;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area button#hs-eu-decline-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area a#hs-eu-decline-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group button#hs-eu-decline-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group a#hs-eu-decline-button,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container button#hs-modal-save-settings,
#hs-banner-parent #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container a#hs-modal-save-settings,
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container a#hs-modal-save-settings
{
  background: #EEE !important;
  color: #999 !important;
  margin-left: 1.1em !important;
}





.hs-video-container iframe, .oembed_container iframe, .hs-embed-wrapper, .hs-embed-wrapper iframe {
  border-radius: 25px;
  box-shadow: rgba(23, 23, 26, 0.2) 0px 17px 60px 0px, rgba(0, 0, 0, 0.1) 0px 13px 30px 0px;
}






/* Hero Banner */

@media (max-width: 999px) {
  .hero-banner-container.dnd_area-row-0-background-image {
    background-image: linear-gradient(45deg, #F9FBFD, #F9FBFD, #F9FBFD, #F9FBFD, #1971C2) !important;
  }
  /* Position to edge of screen to be consistent with desktop */
  .hero-banner-container .widget-type-linked_image img {
    position: relative;
    right: -1rem;
    top: 1rem;
  }
}

/* Social follow */

.social-links__icon {
  background-color: transparent;
  transition: 0.3s background-color;
}
.social-links__icon:first-of-type {
  margin-left: 0;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #1971C2;
}

.social-links__icon:active {
  background-color: #1971C2;
}

/* Cards, icons, chips */

.card {
  text-align: left;
  border-radius: 25px;
  border: 2px solid #EEE;
  box-shadow: 0 5px 16px rgb(50 50 93 / 10%), 0 5px 16px rgb(0 0 0 / 7%);
  padding: 2rem;
  background: white;
}

.card.hide-border {
  border: 0;
  box-shadow: none;
}

@media screen and (max-width: 1200px) {
  .card {
    padding: 1.5rem;
  }
}

.icon-container {
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 17.5px;
  background-color: #1971C2;
  border-radius: 100%;
  transition: 0.3s all;
}

.card:hover .icon-container {
  transform: scale(1.1);
}

.icon-container svg {
  fill: white;
  display: inline-block;
  height: 35px;
  width: 35px;
}

.icon-container.plain {
  width: 35px;
  height: 35px;
  padding: 0;
  background-color: transparent;
  border-radius: 100%;
}

.icon-container.plain svg {
  fill: #ADADAD;
}

a.chip, span.chip {
  background: #EEE;
  color: #666;
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 14px;
  font-weight: 700;
  border-radius: 100px;
  transition: 0.3s all;
  text-decoration: none;
  cursor: pointer;
  margin: 4px 2px;
  letter-spacing: 0;
  display: inline-block;
}

span.chip.new {
  background: #F39D00;
  color: white;
  margin-left: 5px;
  font-size: 0.7em;
  padding: 4px 10px;
  vertical-align: middle;
}

a.chip:hover {
  background: #1971C2;
  color: white;
}

.circle-container {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #ADADAD;
  color: white;
}

/* Blog related posts and listing page */

/* Blog listing & related posts */

section.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: -1px;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post.card {
  flex: 0 0 calc(100% - 2rem);
  padding: 0;
  margin: 1rem;
}
.blog-related-posts__post.card.row-1 {
  flex: 0 0 calc(100% - 2rem);
}
.blog-related-posts__post.card.row-2 {
  flex: 0 0 calc(50% - 2rem);
}
.blog-related-posts__post.card.row-3 {
  flex: 0 0 calc(33.33% - 2rem);
}
@media screen and (max-width: 590px) {
  .blog-related-posts__post.card.row-2, .blog-related-posts__post.card.row-3 {
    flex: 0 0 calc(100% - 2rem);
  }
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post.card.row-2 {
    flex: 0 0 calc(50% - 2rem);
  }
}

@media screen and (min-width: 590px) and (max-width: 1080px) {
  .blog-related-posts__post.card.row-3 {
    flex: 0 0 calc(50% - 2rem);
  }
}

@media screen and (min-width: 1080px) {
  .blog-related-posts__post.card.row-3 {
    flex: 0 0 calc(33.33% - 2rem);
  }
}

.blog-related-posts__post.card .blog-related-posts__post-image-wrapper, .hs-blog-post-listing--grid article .hs-blog-post-listing__post-image-wrapper {
  display: inline-block;
  border-radius: 25px 25px 0 0;
  transition: 0.3s background-color;
}

.blog-related-posts__post.card:hover .blog-related-posts__post-image-wrapper .blog-related-posts__image, .hs-blog-post-listing--grid article:hover .hs-blog-post-listing__post-image-wrapper .hs-blog-post-listing__post-image {
  opacity: 0.5;
}

.blog-related-posts__post.card .blog-related-posts__image, .hs-blog-post-listing--grid article .hs-blog-post-listing__post-image {
  border-radius: 25px 25px 0 0;
  height: auto;
  max-width: 100%;
  transition: 0.3s opacity ease-in;
  aspect-ratio: 16/9 !important;
  object-fit: cover;
}

.blog-related-posts__post.card {
  position: relative;
}

.blog-related-posts__post.card .blog-related-posts__content {
  padding: 1.5rem;
  padding-bottom: calc(36px + 1.5rem);
}

.blog-related-posts__title, .hs-blog-post-listing__post-title {
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: -0.5px;
}

.blog-related-posts__title a:hover, .hs-blog-post-listing__post-title a:hover, a.hs-blog-post-listing__post-author-name:hover, .blog-related-posts__author-name:hover {
  text-decoration: none;
}

.hs-blog-post-listing__post-author-name, .hs-blog-post-listing__post-tag, .blog-related-posts__author-name, .hs-blog-post-listing__post-timestamp {
  font-weight: 500;
  color: #999;
}

.blog-related-posts__author {
  position: absolute;
  bottom: 1.5rem;
}

.blog-related-posts__author-img {
  height: 36px;
  width: 36px;
  border-radius: 36px;
  object-fit: cover;
  margin-right: 0.5em;
  vertical-align: middle;
}

.blog-related-posts__title a, .hs-blog-post-listing__post-title a {
  color: #31343e;
  transition: 0.3s color;
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.blog-related-posts__title a:hover, .blog-related-posts__title a:focus, .blog-related-posts__title a:active,
.hs-blog-post-listing__post-title a:hover, .hs-blog-post-listing__post-title a:focus, .hs-blog-post-listing__post-title a:active
{
  color: #1971C2;
  text-decoration: none;
}

.blog-related-posts__post.card:hover .blog-related-posts__title a, .hs-blog-post-listing__post:hover .hs-blog-post-listing__post-title a {
  color: #1971C2;
}

.blog-related-posts__post.card:hover .blog-related-posts__post-image-wrapper, .hs-blog-post-listing__post:hover .hs-blog-post-listing__post-image-wrapper {
  background: linear-gradient(25deg, #1971C2, #55059E, #FF5F5C);
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: ;
  transition: 0.3s all;
}

.hs-pagination__link--number {
  width: 28px;
  height: 28px;
  justify-content: center;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: ;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: ;
}

.hs-pagination__link-icon svg {
  fill: ;
}

/* TEMPORARY FIX FOR NEW THEME PAGES WHILE WE STILL HAVE SOME USING THE OLD ONE WITH A CUSTOM SEARCH */
.search-results-overlay {
  display: none;
}