/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
  --gap: 20px;
}

/* Mobile layout */
.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--gap);
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

.row-fluid .dnd-section {
  padding: 0 10px;
}

.row-fluid .span12.dnd-column {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

/* Fixes default element styling for Inline Rich Text fields */
.hs_cos_wrapper_type_inline_rich_text h1,
.hs_cos_wrapper_type_inline_rich_text h2,
.hs_cos_wrapper_type_inline_rich_text h3,
.hs_cos_wrapper_type_inline_rich_text h4,
.hs_cos_wrapper_type_inline_rich_text h5,
.hs_cos_wrapper_type_inline_rich_text h6 {
  font-weight: 600 !important;
  margin: 0 0 16px !important;
}

.hs_cos_wrapper_type_inline_rich_text h1 {
  font-size: 2em !important;
}
.hs_cos_wrapper_type_inline_rich_text h2 {
   font-size: 1.5em !important; 
  /*font-size: 1.625em !important;*/
}
.hs_cos_wrapper_type_inline_rich_text h3 {
  font-size: 1.17em !important;
  margin-top: 0.5em !important;
}
.hs_cos_wrapper_type_inline_rich_text h4 {
  font-size: 1em !important;
}
.hs_cos_wrapper_type_inline_rich_text h5 {
  font-size: 0.83em !important;
}
.hs_cos_wrapper_type_inline_rich_text h6 {
  font-size: 0.67em !important;
}

/* Fixes default element styling for Rich Text fields */

.row-fluid .widget-type-rich_text p {
  margin: 20px 0;!important;
  
}

.row-fluid .widget-type-rich_text ul,
.hs_cos_wrapper_type_inline_rich_text ul,
.row-fluid .widget-type-rich_text ol,
.hs_cos_wrapper_type_inline_rich_text ol {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  margin: 0;
}

.row-fluid .widget-type-rich_text li,
.hs_cos_wrapper_type_inline_rich_text li {
  list-style: disc;
  margin-top: 5px;
  margin-bottom: 5px;
}

.row-fluid .widget-type-rich_text a,
.hs_cos_wrapper_type_inline_rich_text a {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}

.row-fluid .widget-type-rich_text a::after,
.hs_cos_wrapper_type_inline_rich_text a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--primary, grey);
}

.hs-blog-social-share {
  height: unset !important;
}

.hs-blog-social-share > .hs-blog-social-share-list {
  padding: 0 !important;
  display: flex;
  flex-direction: row !important;
  gap: 1rem;
}

.hs-blog-social-share > .hs-blog-social-share-list > li {
  list-style: none !important;
  float: unset;
  width: fit-content;
  margin: 0 !important;
}

.hs-blog-social-share > .hs-blog-social-share-list > li > img {
  margin: 0 !important;
}


/* Desktop layout */
@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
  
  .row-fluid .dnd-section {
    padding: unset;
  }
}