/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 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;
}






:root {
  /* Font sizes */
  --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
  --step-0: clamp(1rem, 0.975rem + 0.1667vw, 1.125rem);
  --step-1: clamp(1.125rem, 1.1rem + 0.1667vw, 1.25rem);
  --step-2: clamp(1.125rem, 1.1rem + 0.1667vw, 1.25rem);
  --step-3: clamp(1.25rem, 1.2rem + 0.3333vw, 1.5rem);
  --step-4: clamp(1.75rem, 1.6rem + 1vw, 2.5rem);
  --step-5: clamp(1.75rem, 1.45rem + 2vw, 3.25rem);
  
  
  /* Spacing, scaling */
  --space-3xs: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);
  --space-2xs: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
  --space-xs: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  --space-s: clamp(1rem, 1rem + 0vw, 1rem);
  --space-m: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  --space-l: clamp(2rem, 2rem + 0vw, 2rem);
  --space-xl: clamp(3rem, 3rem + 0vw, 3rem);
  --space-2xl: clamp(4rem, 4rem + 0vw, 4rem);
  --space-3xl: clamp(6rem, 6rem + 0vw, 6rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, 0.1649rem + 0.4255vw, 0.5rem);
  --space-2xs-xs: clamp(0.5rem, 0.4149rem + 0.4255vw, 0.75rem);
  --space-xs-s: clamp(0.75rem, 0.6649rem + 0.4255vw, 1rem);
  --space-s-m: clamp(1rem, 0.8298rem + 0.8511vw, 1.5rem);
  --space-m-l: clamp(1.5rem, 1.3298rem + 0.8511vw, 2rem);
  --space-l-xl: clamp(2rem, 1.6596rem + 1.7021vw, 3rem);
  --space-xl-2xl: clamp(3rem, 2.6596rem + 1.7021vw, 4rem);
  --space-2xl-3xl: clamp(4rem, 3.3191rem + 3.4043vw, 6rem);

  /* Custom pairs */
  --space-s-l: clamp(1rem, 0.6596rem + 1.7021vw, 2rem);
  
  
  /* Colors */
  --primary: #ffffff;
  --secondary: #010101;
  --shade: #E6E6E6;
  --textShade: #9A9A9A;
  
  --lightBlue: #CBE8F5;
  --darkBlue: #00A1E6;
  
  --color-Mint-Tulip: #CBE8F5;
  --color-Red: #E80000;
  --color-Mona-Lisa:#FF9F9F;
  --color-Vis-Vis: #FFF2A1;
  --color-Mustard: #FFEA5E;
  --color-Cerulean: #00A1E6;
  --color-Blizzard-Blue: #A2D9F2;
}


html {
  font-size: 1rem;
}

body {
  font-weight: 400; font-family: KitRounded-regular;
  color: #010101;
  font-size: 1rem;
  font-size: var(--step-0);
  line-height: 160%;
}

/* Paragraphs */

p {
  font-weight: 400; font-family: KitRounded-regular;
  font-size: var(--step-0);
}

/* Anchors */

a {
  font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #010101;
}

a:hover,
a:focus {
  font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
}

a:active {
  font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #292929;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.802rem;
  font-size: var(--step-5);
  text-transform: none;
  line-height: 110%;
  margin-block-end: 1.5rem;
}

h2,
.h2 {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.602rem;
  font-size: var(--step-4);
  line-height: 110%;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.424rem;
  font-size: var(--step-3);
  line-height: 130%;
  text-transform: none;
}

h4,
.h4 {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.266rem;
  font-size: var(--step-2);
  line-height: 130%;
  text-transform: none;
}

h5,
.h5 {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.125rem;
  font-size: var(--step-2);
  line-height: 130%;
  text-transform: none;
}

h6,
.h6 {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1rem;
  font-size: var(--step-1);
  line-height: 140%;
  text-transform: none;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { margin-block-end: var(--space-xs); }

/* Blockquote */

blockquote {
  border-left-color: #ffffff;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 2px solid #010101;

  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;

  font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(1, 1, 1, 1.0)

;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1rem;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 2px solid #000000;
;
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 4px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(41, 41, 41, 1.0);
  border-color: #292929;
}





form,
.submitted-message {
  font-weight: 400; font-family: KitRounded-regular;
  border: 1px none #ffffff;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #ffffff;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: 'Lilita One', cursive; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 1.424px;
  color: #010101;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


/* Labels */

form label {
  color: #010101;
}

/* Help text */

form legend {
  color: #010101;
}

/* 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 {
  border: 2px none #D1D6DC;

  background-color: 

  
  
    
  


  rgba(248, 248, 248, 1.0)

;
  color: #010101;
  border-radius: 3px;
}

/* Form placeholder text */

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

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

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

::placeholder {
  color: #010101;
}

/* Inputs - date picker */

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

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #010101;
;
  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
;
  font-family: 'Lilita One', cursive; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(1, 1, 1, 1.0)

;
  border-radius: 4px;
  text-transform: none;
  width: 100%;
  font-family: Ubuntu, sans-serif;
  border: 2px solid var(--secondary);
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(103, 103, 103, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
  font-family: Ubuntu, sans-serif;
  border: 2px solid var(--secondary);
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(41, 41, 41, 1.0);
  border-color: #292929;
}





/* Table */

table {
  
  width: auto;
  max-width: 100%;
}

/* Table cells */

td,
th {
  border: 1px solid #010101;

  padding: 18px;

  color: #F8F8F8;
}

/* Table header */

thead th {
  
  color: #F8F8F8;
}

/* Table footer */

tfoot td {
  
  color: #010101;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-block-end: 1px solid var(--shade);
}
.header-wrapper {
  position: sticky;
  top: 0;
  z-index: 999;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #010101;
  font-family: KitRounded-regular;
}

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

.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: #000000;
}

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

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

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

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

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #010101;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #010101;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #010101;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

.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: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

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

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

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





.footer {
  background-color: 

  
  
    
  


  rgba(0, 161, 230, 1.0)

;
}

/* Footer content */

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





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

/* Blog post */
.blog-post__article {
  margin-block-start: var(--space-m);
}

.blog-post__meta a {
  color: #010101;
}

.blog-post__tag-link {
  color: #010101;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #292929;
}

/* Blog post featured image */
.blog-post__featured-image {
  border-radius: var(--space-s);
  max-height: 286px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  margin-block-end: var(--space-m);
}

/* 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 {
  font-weight: 700; font-family: KitRounded-bold;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #010101;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #292929;
}

.blog-related-posts {
  margin-block-start: var(--space-xl);
  margin-block-end: var(--space-l);
}

/* Blog comments */

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

#comments-listing .comment-reply-to {
  color: #010101;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000000;
}

#comments-listing .comment-reply-to:active {
  color: #292929;
}


/* Blog Post row */
.row-margin { margin-block-end: var(--space-xl); }






.hs-search-results__title {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; font-family: KitRounded-bold;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #010101;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
  color: #292929;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #010101;
}

/* Blog pagination */

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

.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: #000000;
}

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

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


/* Blog related posts */
.blog-post__related { margin-block: var(--space-2xl); }
.blog-post__related-post { 
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #E6E6E6;
  border-radius: var(--space-xs);
  margin-block-end: var(--space-m);
  position: relative;
  width: 100%;
  overflow: hidden;
  container-type: inline-size;
}
.blog-post__related__content { width: 100%; }
.blog-post__related-post .card__tag {
  background-color: var(--darkBlue);
  color: var(--primary);
  display: inline-block;
  border-end-end-radius: var(--space-3xs);
  padding-block: var(--space-3xs);
  margin-block-end: .5rem;
  font-weight: 600;
}
.blog-post__related__post-image-wrapper { 
  flex: 1 1 auto;
  max-width: 100%;
}
@media (min-width: 1120px) {
  .blog-post__related__post-image-wrapper {
    max-width: 220px;
  }
  .blog-post__related-post { flex-wrap: nowrap; }
}
.blog-post__related__image { 
  display: block;
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  object-position: center;
}
@container (max-width: 1024px) {
  .blog-post__related__post-image-wrapper {
    width: 100%;
  }
}
.blog-post__related-post__inner {
  padding-inline: var(--space-m);
  padding-block: var(--space-s);
  width: 100%;
}
.blog-post__related__title a { font-family: 'Lilita One', cursive; }
.blog-post__related-post__footer { display: flex; gap: 1rem; justify-content: space-between; }


.blog-post__related-post .blog-post__social-share {
  margin: 0;
  padding: 0;
}


/* Pricing card */

.card__price {
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.424rem;
}

.card__body svg { fill: #010101; }

/* Social follow */

.social-links__icon { background-color: #010101; }

.social-links__icon:hover,
.social-links__icon:focus { background-color: #000000; }
#hs_cos_wrapper_main-header-module-1 .social-links__icon:hover, 
#hs_cos_wrapper_main-header-module-1 .social-links__icon:focus { background-color: #000 !important; }

.footer #hs_cos_wrapper_footer-module-2 .social-links__icon:hover, 
.footer #hs_cos_wrapper_footer-module-2 .social-links__icon:focus { background-color: #A2D9F2 !important; }

#hs_cos_wrapper_main-header-module-1 .social-links { display: none }
@media (min-width: 1025px) {
  #hs_cos_wrapper_main-header-module-1 .social-links { display: block }
}

.social-links__icon:active {
  background-color: #292929;
  font-weight: 700; font-family: KitRounded-bold;
  color: #010101;
  font-size: 1.424rem;
}


/***************************************
 * *************************************
 * CUSTOM CSS BELOW
 * ****************
 * /


/* @link https://utopia.fyi/space/calculator?c=320,16,1.2,1240,16,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */




/* Default HTML */
img { 
  max-inline-size: 100%; 
  margin-block-end: 0;
}


/* SEARCH FIELD */
.hs-search-field form {
  display: flex;
  gap: .25rem;
}
.hs-search-field form button {
  background-color: #F8F8F8;
  border-radius: 0;
  position: absolute;
  top: 0; bottom: 0;
  right: 0;
  z-index: 10;
}
.hs-search-field form button:hover { background-color: #ffffff }
.hs-search-field form svg { width: 1rem; height: 1rem; }
.hs-search-field form path { fill: BrandingColor{hex=#F8F8F8}; }



/* CARD */
.post-card { border-radius: var(--space-xs); overflow: hidden; }
.card,
.grid-card,
.card__content { background-color: var(--primary); }
.card__content {
  padding-inline: var(--space-xs);
  padding-block: var(--space-s);
}
.card__content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.card__tag { padding-inline: var(--space-xs); }
.card__tag span:last-of-type { font-size: var(--step--1); }
.card .tag {
  background-color: #00A1E6;
  color: #ffffff;
  border-radius: var(--space-3xs);
  font-size: var(--step--1);
  padding-inline: var(--space-xs);
  padding-block: var(--space-3xs);
}
.tag-wrap { text-align: center; }
.card__image { 
  max-height: 180px; 
  /*min-width: 380px; */
  object-position: center; 
  object-fit: cover;
  width: 100%;
}
.tags-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3xs);
}
.tags-cloud .tag {
  display: inline-block;
  background-color: #F8F8F8;
  padding-block: var(--space-3xs);
  padding-inline: var(--space-xs);
}
.tag { font-weight: 500; }

.tag-pill {
  background-color: #00A1E6;
  color: #ffffff;
  border-radius: var(--space-3xs);
  font-size: var(--step--1);
  padding-inline: var(--space-xs);
  padding-block: var(--space-3xs);
}

.social-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E6E6E6;
  border-radius: 999px;
  width: 32px;
  height: 32px;
}
.social-pill:hover {
  background-color: #000;
}
.social-pill svg { height: 24px; } 
.social-pill svg path { fill: #fff; } 
.social-pill a { display: inherit; }
.social-pill.small { 
  width: 24px;
  height: 24px;
}
.social-pill.small svg { height: 16px; } 
  
/* Banner laterlai */
.banner {
  position: fixed;
  max-width: 170px;
  height: auto;
  z-index: -1;
}
.banner.left { left: 0; }
.banner.right { right: 0; }

.blog-listing-bg {
  background-repeat: no-repeat;
  background-size: 15%;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.blog-listing-bg.left { left: 0; background-position: top left; }
.blog-listing-bg.right { right: 0; background-position: top right;}
.banner,
.blog-listing-bg { display: none; }
@media( min-width: 1025px) {
  .banner,
  .blog-listing-bg { display: block; }
}


/* Logoead headlines */
.logoed-headline {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-block-end: 1rem;
}
.logoed-headline img { max-width: 64px; }
.logoed-headline * { margin-block-end: 0; }


/* Blog listing social follow */
.blog-listing__social-follow {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.blog-listing__social-follow-button {
  border: 2px solid var(--secondary);
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: var(--space-3xs);
  padding-block: var(--space-2xs);
  padding-inline: var(--space-xs);
}
.blog-listing__social-follow-button:hover {
  border: 2px solid var(--secondary);
  background-color: var(--primary);
  color: var(--secondary);
  text-decoration: none;
}


/* Blog post meta tags */
.post__meta-tags {
  --auto-grid-min-size: 12rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  column-gap: var(--space-m);
  row-gap: var(--space-s);
  margin-block-end: var(--space-l)
}
.post__meta-tag { display: flex; align-items: center; gap: var(--space-2xs) }
.post__meta-tag--topic,
.post__meta-tag span:first-of-type {
  font-family: 'Lilita One', cursive; 
  font-weight: 400; 
  font-size: var(--step-2);
}
.post__meta-tag-img {
  border-radius: 999px;
  overflow: hidden;
  background-color: #FFEA5E;
  padding: var(--space-3xs)
}
.post__meta-tag-img img { 
  border-radius: 999px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  display: inherit;
}


/* Social Sharing */
.blog-post__social-share {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-block: var(--space-s);
  margin-block-end: var(--space-l);
}
.blog-post__social-share__link {
  display: flex;
  gap: 1rem;
}
.blog-post__social-share__link img { max-width: 24px; }
.blog-post__social-share__link a:hover {
  filter: hue-rotate(90deg);
}


/* Pagination */
.blog-pagination {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-block: var(--space-l);
}
.blog-pagination__link {
  border: 1px solid var(--shade);
  padding-inline: var(--space-s);
  padding-block: var(--space-2xs);
  line-height: 1;
}
.blog-pagination__link--active {
  border-color: var(--lightBlue);
  background-color: var(--darkBlue);
  color: var(--primary);
}
.blog-pagination__link:hover { background-color: var(--shade); }



/* MODAL */
/**************************\
  Basic Modal Styles
\**************************/

.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
  z-index: 9999;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  max-width: 500px;
  max-height: 100vh;
  border-radius: var(--space-xs);
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}


/* FOOTER */
.footer-column-4-row-0-background-color,
.footer-column-7-row-0-background-color,
.footer-column-10-row-0-background-color,
.footer-column-13-row-0-background-color {
  display: flex;
  align-items: center;
  border-radius: 1rem;
  min-height: 145px;
}
.footer-column-4-row-0-background-color:hover,
.footer-column-7-row-0-background-color:hover,
.footer-column-10-row-0-background-color:hover,
.footer-column-13-row-0-background-color:hover {
  background-color: #A2D9F2 !important;
}



/* Personalizzazione*/
.row-number-21 .span4 { border-radius: var(--space-xs) }