@import url("https://use.typekit.net/hhv6fqm.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.layout-container {
  font-family: 'Inter', sans-serif;
}

   /* Text */
   h1{
    font-family: var(--type-font-family-heading, Sybarite);
    font-size: var(--fontsize-heading-h1, 72px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-heading-h1, 72px); /* 100% */
    margin-block-start: 0;
    margin-block-end: 0;
   }

   h3{
    font-family: var(--type-font-family-heading, Sybarite);
    font-size: var(--fontsize-heading-h3, 40px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-heading-h3, 48px); /* 120% */
    margin-block-start: 0;
    margin-block-end: 0;
}

h4{
  font-family: var(--type-font-family-sub-heading, Inter);
  font-size: var(--fontsize-heading-h4, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-heading-h4, 40px); /* 125% */
  margin-block-start: 0;
  margin-block-end: 0;
}

h5{
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-heading-h5, 28px); /* 116.667% */
    margin-block-start: 0;
    margin-block-end: 0;
}

h6{
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h6, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-heading-h6, 24px); /* 133.333% */
    margin-block-start: 0;
    margin-block-end: 0;
}

p{
    color: var(--text-body-primary, #616161);
    /* body/lg */
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-lg, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-lg, 32px); /* 160% */
    margin-block-start: 0;
    margin-block-end: 0;
}

  /* Base Placeholder Templates */

  .placeholder-secondary{
    border: var(--border-width-sm, 1px) solid var(--border-primary, #F2F2F3);
    background: var(--surface-tertiary, #E6F1F7);
  }

  /* Text Block - Site specific styling */

  .paragraph--type--text-block h3{
    color: var(--text-headings-secondary, #4B7E7C);
  }

  .paragraph--type--text-block h5{
    color: var(--text-sub-headings-2, #006EB1);
    padding-bottom: 14px;
  }

  /* Button - Site specific styling */

  .button-basic{
    font-family: var(--type-font-family-body, Inter);
  }

  .button-primary{
    background: var(--surface-action1, #7DD2CF);
    color: var(--text-on-action, #303031);
  }

  .button-primary:hover{
    background: var(--surface-action1-hover, #97DBD9);
  }

  .button-secondary{
    background: var(--surface-action2, #EBF2EF);
    color: var(--text-action2, #348160);
  }

  .button-secondary:hover{
    color: var(--text-action2-hover, #2A674D);
  }

  .button-transparent{
    color: var(--text-action1, #303031);
  }

  .button-transparent:hover{
    background: var(--surface-action2-hover, #EBF2EF);
  }

  .button-transparent span{
    color: #348160;
  }

  .button-outline{
    border: var(--border-width-sm, 1px) solid var(--border-action1, #7DD2CF);
    color: var(--text-action1, #303031);
  }

  .button-outline:hover{
    background: var(--surface-action2-hover, #EBF2EF);
  }

  .button-outline span{
    color:#348160;
  }

  .button-outline:hover span{
    color: #2A674D;
  }

  .button-outline_inverse{
    border: var(--border-width-sm, 1px) solid var(--border-action-inverse, #F2F2F3);
    color: var(--text-inverse, #F2F2F3);
  }

  .button-outline_inverse:hover{
    color: var(--text-action1-hover, #181818);
    border: var(--border-width-sm, 1px) solid var(--border-action-inverse-hover, #FAFAFA);
    background: var(--surface-action2-hover, #EBF2EF);
  }

  .button-outline_inverse span{
    color: #FAFAFA;
  }

  .button-outline_inverse:hover span{
    color: #2A674D;
  }

  .button-inverse{
    background: var(--surface-action-inverse, #F2F2F3);
    color: var(--text-action1, #303031);
  }

  .button-inverse:hover{
    background: var(--surface-action-inverse-hover, #FAFAFA);
    color: var(--text-action1-hover, #181818);
  }

  .button-inverse:focus{
    color: var(--text-action1, #303031);
    outline: var(--border-width-md, 2px) solid var(--border-focus-inverse, #FFF);
  }

  .button-inverse span{
    color: #348160;
  }

  .button-primary:focus,.button-secondary:focus,.button-transparent:focus,.button-outline:focus,.button-outline_inverse:focus{
    outline: var(--border-width-md, 2px) solid var(--border-focus, #4B7E7C);
  }

  /* Accordion Module - Site specific styling */

  .accordion-module h3{
    color: var(--text-headings-secondary, #4B7E7C);
  }

  .accordion-module p{
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-lg, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-lg, 32px); /* 160% */
  }

  .accordion-item{
    border: var(--border-width-sm, 1px) solid var(--border-action2, #348160);
    background: var(--quaternary-300, #FFFDF3);
  }

  .accordion-item span.accordion-item-title {
    color: var(--text-text-primary, #348160);
  }

  .accordion-item span.accordion-item-title:hover {
    color: var(--text-action2, #348160);

  }

  .accordion-item.expanded span.accordion-item-title {
    border-bottom:1px solid #348160;
  }

  .accordion-item span.accordion-item-title {
    background-image: url("/themes/custom/roost/components/accordion-section/images/schroon/expand.svg");
  }

  .accordion-item span.accordion-item-title:hover {
    background-image: url("/themes/custom/roost/components/accordion-section/images/schroon/expandhover.svg");
  }


  .accordion-item.expanded span.accordion-item-title {
    background-image: url("/themes/custom/roost/components/accordion-section/images/schroon/collapse.svg");
  }

  .accordion-item.expanded span.accordion-item-title:hover {
    background-image: url("/themes/custom/roost/components/accordion-section/images/schroon/collapsehover.svg");
  }

  /* Link Image Module - Site specific styling */
  .overlay-text p {
    padding-left:24px;
    padding-right:24px;
    color: var(--text-on-image, #FAFAFA);
    text-align: center;
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h4, 32px);
    font-weight: 700;
    line-height: var(--line-height-heading-h4, 40px); /* 125% */
  }

  .overlay-text {
    background-color: rgba(0, 0, 0, 0.2);
  }

  .overlay-text:hover {
    background-color: rgba(50, 84, 83, 0.80);
  }


  @media only screen and (max-width: 1000px) {
    .overlay-text p{
      font-size: 28px;
      line-height: 32px;
    }
  }

  @media only screen and (max-width: 743px) {
    .overlay-text {
      font-size: 28px;
    }
    .overlay-text p{
      font-size: 24px;
      line-height: 28px;
    }
  }
  /* Featured Link Image Module - Site specific styling */
  .featured-overlay-text p {
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h4, 24px);
    font-weight: 700;
    line-height: var(--line-height-heading-h4, 28px); /* 125% */
    background: var(--White-75, rgba(255, 255, 255, 0.75));
    color: var(--text-headings-secondary, #4B7E7C);
  }

  @media only screen and (max-width: 743px) {
    .featured-overlay-text {
      font-size: 28px;
    }
    .featured-overlay-text p{
      font-size: 20px;
      line-height: 24px;
    }
  }
  /* Profile Module - Site specific styling */
  .profile-name{
    color: var(--text-sub-headings, #4B7E7C);
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h5, 24px);
    font-style: normal;
    font-weight: 700;
   line-height: var(--line-height-heading-h5, 28px); /* 116.667% */
  }

  .profile-title{
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body-md, 24px); /* 150% */
  }

  #block-schroonlake-views-block-profile-module-block-1 h2{
    color: var(--text-headings-primary, #303031);
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h4, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-heading-h4, 40px); /* 125% */
  }

  .profile-email,
  .profile-phone{
    font-size: 16px;
    font-weight: 400;
    color: var(--text-body-primary, #616161);
    line-height: var(--line-height-body-md, 24px);
  }
  .profile-email a{
    color:#616161!important;
  }

  .profile-body p{
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-sm, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-sm, 20px); /* 166.667% */
  }

  @media (max-width: 1000px) {
    #block-schroonlake-views-block-profile-module-block-1 h2{
      font-size:28px;
    }
  }

  @media (max-width: 743px) {
    .profile-name{
      font-size: 20px;
    }
    #block-schroonlake-views-block-profile-module-block-1 h2{
      font-size:24px;
    }
  }

  /* Resource Cards Module - Site specific styling */

  .resource-body{
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-weight: 400;
    line-height: var(--line-height-body-md, 24px);
  }

  .resource-card-module h4{
    color: var(--text-headings-primary, #303031);
  }

  .resource-overlay-text .resource-title {
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px; /* 125% */
    color: var(--text-headings-secondary, #4B7E7C);
  }

  .resource-overlay-text svg:hover{
    background: var(--surface-action2-hover, #EBF2EF);
  }

  @media only screen and (max-width: 1000px) {
    .resource-card-module h4{
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 743px) {
    .resource-card-module h4{
      font-size: 24px;
      line-height: 24px;
    }
    .resource-overlay-text .resource-title{
      font-size: 20px;
      line-height: 24px;
    }
    .resource-overlay-text {
      font-size: 28px;
    }

    .resource-overlay-text p{
      font-size: 20px;
      line-height: 24px;
    }
  }


  /* Form Module - Site specific styling */

  .js-form-item.form-item.form-type-textfield.js-form-type-textfield.form-item-your-name.js-form-item-your-name{
    bottom: 473px;
    position: absolute;
    right:24px;
  }

  #edit-message-value{
    border-radius: var(--border-radius-md, 4px);
    border: var(--border-width-sm, 1px) solid var(--border-primary, #F2F2F3);
    background: var(--surface-primary, #F2F2F3);
    width: 100%;
    color: #616161;
    transition: all 0.3s ease-in-out;
    padding: 8px 12px;
  }
  #edit-message-value:hover{
    border: var(--border-width-sm, 1px) solid var(--border-action1-hover, #97DBD9);
    background: var(--surface-action2-hover, #EBF2EF);
  }
  #edit-message-value:focus-visible {
    outline: 2px solid var(--text-headings-secondary, #4B7E7C) !important;
  }

  .webform-submission-contact-form h2{
    color: var(--text-headings-primary, #303031);
    font-size: var(--fontsize-heading-h4, 32px);
    font-family: var(--type-font-family-body, Inter);
  }

  .webform-submission-contact-form p{
    font-family: var(--type-font-family-body, Inter);
    color: var(--text-body-primary, #616161);
    font-size: var(--fontsize-body-sm, 12px);
    font-weight: 400;
    line-height: 20px;
  }

  .js-form-item label{
    color: var(--text-headings-secondary, #4B7E7C);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body-md, 24px); /* 150% */
  }

  .js-form-item label.option{
    color: var(--text-body-secondary, #181818);
  }

  #edit-actions-submit.webform-button--submit.button.button--primary.js-form-submit.form-submit,
  #edit-actions-submit--2.webform-button--submit.button.button--primary.js-form-submit.form-submit,
  #edit-actions-submit--3.webform-button--submit.button.button--primary.js-form-submit.form-submit,
  #edit-actions-submit--4.webform-button--submit.button.button--primary.js-form-submit.form-submit{
    background: var(--surface-action1, #7DD2CF);
    color: var(--text-on-action, #303031);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-weight: 500;
    border: 1px solid #7DD2CF;
    background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/form-arrow-right.svg");
  }

  #edit-actions-submit.webform-button--submit.button.button--primary.js-form-submit.form-submit:hover,
  #edit-actions-submit--2.webform-button--submit.button.button--primary.js-form-submit.form-submit:hover,
  #edit-actions-submit--3.webform-button--submit.button.button--primary.js-form-submit.form-submit:hover,
  #edit-actions-submit--4.webform-button--submit.button.button--primary.js-form-submit.form-submit:hover{
    background:#97DBD9;
    background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/form-arrow-right.svg");
  }

  #edit-actions-submit.webform-button--submit.button.button--primary.js-form-submit.form-submit:focus,
  #edit-actions-submit--2.webform-button--submit.button.button--primary.js-form-submit.form-submit:focus,
  #edit-actions-submit--3.webform-button--submit.button.button--primary.js-form-submit.form-submit:focus,
  #edit-actions-submit--4.webform-button--submit.button.button--primary.js-form-submit.form-submit:focus{
    outline: 2px solid #4B7E7C;
    background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/form-arrow-right.svg");
  }

  .js-form-type-textfield input,
  .js-form-type-email input,
  .js-form-type-tel input{
  color: var(--text-disabled, #A9A9AA);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
  }

  input#edit-name.form-text:focus-visible,
  input#edit-your-name.form-text:focus-visible,
  input#edit-email.form-email:focus-visible,
  input#edit-phone-number.form-tel:focus-visible{
    outline: 2px solid var(--text-headings-secondary, #4B7E7C)!important;
  }

  input.form-text:focus-visible,
  input.form-text:focus-visible,
  input.form-email:focus-visible,
  input.form-tel:focus-visible{
    outline: 2px solid var(--text-headings-secondary, #4B7E7C)!important;
  }

  form.webform-submission-form .js-form-type-checkbox input[type="checkbox"].form-checkbox:checked {
    accent-color: #7DD2CF;
  }

  /* Region Call Out - Site specific styling */

  .callout-title{
    color: var(--text-inverse, #F2F2F3);
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h4, 32px);
    font-weight: 700;
    line-height: var(--line-height-heading-h4, 40px); /* 125% */
  }

  .callout-body {
    color: var(--text-inverse, #F2F2F3);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-lg, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-lg, 32px); /* 160% */
  }

  .callout-body span,
  .callout-body p{
    color:#F2F2F3!important;
  }

  .callout-btn{
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body-md, 24px); /* 150% */
  }

  .callout-btn a{
    background: #FC6230;
    color: #FAFAFA!important;
  }

  .callout-btn a:hover{
    background:#db5428;
  }

  .callout-btn a:active{
    background:#FFB580;
  }

  .autumn { background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/callout-background-fall.jpg"); }
  .winter { background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/callout-background-winter.jpg"); }
  .spring { background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/callout-background-spring.jpg"); }
  .summer { background-image: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/callout-background-summer.jpg"); }


@media only screen and (max-width: 743px) {
  .callout-logo svg {
    height: 220px;
    width: 236px;
  }
}

  /* Story/Newsletter Listings Module - Site specific styling */
  .story-listings .story-listing-wrapper .story-listing-tag{
    border: var(--border-width-sm, 1px) solid var(--surface-disabled, #FAFAFA);
    background: var(--surface-primary, #F2F2F3);
    color: var(--text-body-primary, #616161);
    text-align: center;
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-sm, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-sm, 20px);
  }

  .story-listings .story-listing-wrapper .views-row a h5{
    color: var(--text-headings-secondary, #4B7E7C);
    font-family: var(--type-font-family-sub-heading, Inter);
    font-size: var(--fontsize-heading-h5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-heading-h5, 28px);
    text-decoration:none;
  }

  .story-listings h6{
    color: var(--text-headings-secondary, #22302C);
    margin-top:8px;
  }

  .story-listings .story-listing-wrapper .views-row p{
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-md, 24px);
  }

  .story-listing-auth-date{
    color: var(--text-headings-secondary, #4B7E7C);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-md, 24px);
  }

  .bef-toggle--deselect-all{
    border: var(--border-width-sm, 1px) solid var(--border-action2, #348160);
    background: var(--surface-action2, #EBF2EF);
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-md, 24px); /* 150% */
    text-decoration:none;
  }

  #edit-message .form-textarea.resize-vertical{
    width: -webkit-fill-available;
  }

  .story-listings .bef-checkboxes .js-form-item label.option,.story-listings .bef-toggle--select-all{
    border: var(--border-width-sm, 1px) solid var(--border-action2, #348160);
    color: var(--text-body-primary, #616161);
    font-family: var(--type-font-family-body, Inter);
    font-size: var(--fontsize-body-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body-md, 24px); /* 150% */
    text-decoration:none;
  }

  .story-listings .bef-checkboxes .js-form-item label.option:hover,.story-listings .bef-toggle--select-all:hover{
    border: var(--border-width-sm, 1px) solid var(--border-action2-hover, #5D9A80);
    background: var(--surface-action2-hover, #EBF2EF);
  }

  .story-listings .bef-checkboxes input[type="checkbox"]:checked + label.option{
    border: var(--border-width-sm, 1px) solid var(--border-action2, #348160);
    background: var(--surface-action2, #EBF2EF);
  }

  .story-listings .bef-checkboxes input[type="checkbox"]:checked +label.option:after,.bef-toggle--deselect-all::after{
    content: url("/sites/schroonlakechamber.org/themes/custom/schroonlake/i/close_small.svg");
    margin-bottom: -8px;
    margin-left: -4px;
  }

  .story-listing-link-ctn svg{
    border-radius: var(--border-radius-lg, 8px);
    transition: all 0.3s ease-in-out;

  }

  .story-listing-link-ctn svg:hover {
    background: var(--surface-action2-hover, #EBF2EF);
  }

  /* Share Now Popup - Site specific styling */

 #share-now-ctn {
    background: rgba(75, 126, 124, .90);
  }

  a.shareemail, .sharecopy #copy {
    font-family: var(--type-font-family-body, Inter);
  }

/* Event Node - Site specific styling */

.events-header{
      color: var(--color-gray-light, #fefefe);
}

events-header-overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.events-header-content{
  color: var(--text-inverse, #F2F2F3);
}

.next-event-date{
  background: var(--surface-highlight, #FFEB82);
}

.next-event-date h5{
  color: var(--text-headings-secondary, #4B7E7C);
}


/* Listing Node - Site specific styling */

.listing-all {
  color: var(--text-action1, #303031);
  text-align: center;
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px);
  gap:12px;
  padding:4px;
}

.listing-all svg path{
  fill: var(--icon-action1, #348160);
}

.listing-all:hover {
  color: var(--text-action1-hover, #181818);
  border-radius: var(--border-radius-md, 4px);
  background: var(--surface-action2-hover, #EBF2EF);
}

.listing-all:hover svg path{
  fill: var(--icon-action1-hover, #2A674D);
}

.listing-all:focus{
 color: var(--text-action1, #303031);
 background: transparent;
 outline: var(--border-width-md, 2px) solid var(--border-focus, #4B7E7C);
}

.listing-all:focus svg path{
  fill: var(--icon-action1, #348160);
}



summary::after {
  content: url("/themes/custom/roost/components/accordion-section/images/schroon/expand.svg");
}

summary:hover::after {
  content: url("/themes/custom/roost/components/accordion-section/images/schroon/expandhover.svg");
}

details[open] > summary::after {
  content: url("/themes/custom/roost/components/accordion-section/images/schroon/collapse.svg");
}

details[open] > summary:hover::after {
  content: url("/themes/custom/roost/components/accordion-section/images/schroon/collapsehover.svg");
}

.listing-left h1, .listing-left h2, .listing-left h3,.listing-left h4,.listing-left h5,.listing-left h6{
  color: var(--text-headings-secondary, #4B7E7C);
}

.listing-right h3{
  color: var(--text-headings-secondary, #4B7E7C);
  font-family: var(--type-font-family-sub-heading, Inter);
  font-size: var(--fontsize-heading-h4, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-heading-h4, 40px); /* 125% */
}

.listing-left p,.listing-left a,.listing-left li{
  color: var(--text-body-primary, #616161);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-lg, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-lg, 32px); /* 160% */
}

.listing-right p{
  color: var(--text-body-primary, #616161);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}

.listing-info .remote-file-path-item{
  color: var(--text-body-secondary, #181818);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
  word-wrap: break-word;
  word-break:break-all;
 }

 .share-ctn a{
  background: var(--surface-action1, #7DD2CF);
  color: var(--text-on-action, #303031);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}

.share-ctn a:hover{
  background: var(--surface-action1-hover, #97DBD9);
}

.listings-share-ctn .material-symbols-outlined{
  color:#348160;
}

.listings-share-ctn a{
  color: var(--text-action1, #303031);
  text-align: center;
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}

.listings-share-ctn a:hover{
  color: var(--text-action1, #303031);
}

.listing-title{
  color: var(--text-action2, #348160);
  font-family: var(--type-font-family-sub-heading, Inter);
  font-size: var(--fontsize-heading-h6, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-heading-h6, 24px); /* 133.333% */
}

.listing-info, .listing-items{
  background: var(--surface-primary, #F2F2F3);
}

.listing-media-btns{
  background: var(--surface-primary, #F2F2F3);
 }

 .listing-media-btns a svg path{
  transition:.25s;
 }

.listing-media-btns a:hover svg path{
  fill:#2c6f52;
 }

.listing-info .listing-time{
  color: var(--text-body-secondary, #181818);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
 }

 .show-more-dates{
  color: var(--text-action1, #303031);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
 }

 .listing-items  .listing-address a, .listing-items  .listing-phone a, .listing-items  .listing-email a, .listing-items{
  color: var(--text-body-secondary, #181818);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}

.listing-third-party svg path{
  fill:var(--text-action2, #348160);
}

.listing-third-party:hover svg path{
  fill:var(--text-action2-hover, #2A674D);
}

.address-name{
  color: var(--text-body-primary, #616161);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-sm, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-sm, 20px); /* 166.667% */
}

.listing-info span, .listing-items span, .listing-phone span, .listing-tag-filter span{
  line-height: var(--line-height-body-md, 24px); /* 150% */
  color:#348160;
 }


 /* Story Node - Site specific styling */

 .story-top{
  background: var(--surface-tertiary, #E6F1F7);
}

 .story-title{
  color: var(--text-headings-secondary, #4B7E7C);
  font-family: var(--type-font-family-heading, Sybarite);
  font-size: var(--fontsize-heading-h2, 48px);
  font-style: normal;
  font-weight: 700;
}

 .story-tag a{
  color: var(--text-body-primary, #616161)!important;
}

.story-publish{
  color: var(--text-sub-headings, #4B7E7C);
  font-family: var(--type-font-family-sub-heading, Inter);
  font-size: var(--fontsize-heading-h5, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-heading-h5, 28px); /* 116.667% */
}

.story-summary{
  color: var(--text-body-primary, #616161);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}

.story-body p{
  color: var(--text-body-primary, #616161);
  font-family: var(--type-font-family-body, Inter);
  font-size: var(--fontsize-body-lg, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-lg, 32px);
}

.story-page h3,
.story-page h2,
.story-page h1{
  color: var(--text-headings-secondary, #4B7E7C);
}

@media only screen and (max-width: 1000px) {
  .story-title{
    font-size: 40px;
  }
  .story-page h3{
    font-size: 32px;
  }
}

@media only screen and (max-width: 743px) {
  .story-title {
    font-size: 28px;
  }
  .story-publish{
    font-size: 20px;
  }
  .story-page h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

/* Alert - Site specific styling */
.alert-img svg path {
fill: var(--icon-action1, #348160)!important;
}

.alert-btn a{
color: var(--text-action1, #303031)!important;
text-align: center;
font-size: var(--fontsize-body-md, 16px);
font-style: normal;
font-weight: 400;
line-height: var(--line-height-body-md, 24px); /* 150% */
border-radius: 4px;
}
.alert-btn a:hover{
  background:#EBF2EF!important;
  color:#181818!important;
}

.alert-btn a:hover svg path{
  fill:#2A674D;
}

.alert-btn a:focus{
  outline: var(--border-width-md, 2px) solid var(--border-focus, #4B7E7C);
}