/* Blog_entry */
section.blog_entry_content {
    background-color: var(--alt-light-green);
}

section.blog_entry_content>section {
    background-color: var(--white);
}

section.blog_entry_content>*:last-child {
    border-bottom-right-radius: var(--radius-medium);
    border-bottom-left-radius: var(--radius-medium);
}

section.article-footer .row:last-of-type div.col-lg-5 {
    border-bottom: 1px solid var(--green);
    padding-bottom: 50px;
}

section.article-footer {
    background: var(--alt-light-green);
}

section.article-footer .col-lg-5 {
    border-top: 1px solid var(--green);
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: 30px;
}

section.article-footer .author-item .author-name {
    font-size: 1.3rem;
    font-weight: 600;
}

section.article-footer .author-item .author-position {
    font-size: 1.3rem;
}

section.article-footer .author-item .author-link {
    color: var(--viridian);
   
}

section.article-footer .author-item .author-link:hover {
    background-color: var(--white);
}
section.article-footer .author-item .author-link::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.175 9H0V7H12.175L6.575 1.4L8 0L16 8L8 16L6.575 14.6L12.175 9Z' fill='%2321875E'/%3E%3C/svg%3E%0A");
}

section.article-footer .author-item img.bg_static_cover.avatar {
    border-radius: 100%;
    width: 111px;
    height: 111px;
    margin-bottom: 0;
}

section.article-footer .author-item span.placeholder {
    border-radius: 100%;
    width: 111px;
    height: 111px;
    margin-bottom: 0;
    background: var(--viridian);
    opacity: 1;
    flex-shrink: 0;
}

section.article-footer .link_wrapper a {
    font-size: 1rem;
    font-weight: 500;
}

section.article-footer .btn-secondary {
    background-color: var(--white) !important;
    border: 3px solid transparent;
}

section.article-footer .btn-secondary svg path {
    transition: all 250ms ease-in-out;
}

section.article-footer .btn-secondary:hover {
    color: var(--viridian);
    box-shadow: 0 -1px 2px 0 rgba(58, 12, 57, 0.10) inset, 0 -2px 3px 0 rgba(255, 255, 255, 0.50), 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(144, 25, 142, 0.06), 0 10px 30px 0 rgba(107, 54, 106, 0.08);
    border-color: var(--light-green);
}

section.article-footer .btn-secondary:hover svg path {
    fill: var(--viridian);
}


section.article-footer div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}

section.article-footer div.wpforms-container-full .wpforms-form button[type="submit"] {
    font-weight: 400;
    font-size: 22px;
    position: relative;
    background: transparent;
    text-decoration: none;
    color: var(--green);
    padding: 0px;
    border: none;
    display: flex !important;flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 250ms ease-in-out;
}

section.article-footer div.wpforms-container-full .wpforms-form button[type="submit"]:after {
    content: '';
    display: block;
    position: relative;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 20V4L22 12L3 20ZM5 17L16.85 12L5 7V10.5L11 12L5 13.5V17Z' fill='%235EBD91'/%3E%3C/svg%3E%0A");
    height: 24px;
    width: 24px;
    transition: transform 250ms ease-in-out, background-image 250ms ease-in-out;
}

section.article-footer div.wpforms-container-full .wpforms-form button[type="submit"]:active {
    color: var(--viridian) !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none;
}

section.article-footer div.wpforms-container-full .wpforms-form button[type="submit"]:hover:after {
   transform: translateX(5px);
   background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 20V4L22 12L3 20ZM5 17L16.85 12L5 7V10.5L11 12L5 13.5V17Z' fill='%2321875E'/%3E%3C/svg%3E%0A");
}

section.article-footer div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
section.article-footer div.wpforms-container-full .wpforms-form button[type="submit"]:focus {
    color: var(--viridian);
    background: transparent;
    border: none;
}

section.article-footer .wpforms-confirmation-container-full,
section.article-footer div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent;
    border: none;
    padding: 15px 0px;
}

/* section.blog_entry_lead */
section.blog_entry_lead a {
    color: var(--green);
    text-decoration: none;
}

section.blog_entry_lead a:hover {
    color: var(--viridian);
}

section.blog_entry_lead .link_wrapper a {
    color: var(--black);
    font-size: 1rem;
    font-weight: 500;
    text-decoration: underline
}

section.blog_entry_lead .link_wrapper a:hover {
    color: var(--viridian);
}

section.blog_entry_lead img.bg_static_cover.avatar {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
}

section.blog_entry_lead span.placeholder {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    background: var(--viridian);
    opacity: 1;
}

section.blog_entry_related .bg_divider {
    background: var(--alt-light-green);
    margin-bottom: -410px;
    height: 500px;
    width: 100%;
    border-bottom-left-radius: var(--radius-medium);
    border-bottom-right-radius: var(--radius-medium);
}


section.blog_entry_related img.post_image {
    height: 250px;
    border-radius: 5px;
}

section.blog_entry_related .col-lg-4:nth-of-type(2){
    transform: translateY(-30px);
}


section.blog_entry_related  .awy_card_content {
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    padding: 23px;
    gap: 30px;
  }
  
  section.blog_entry_related  img.post_image {
    height: 240px;
    border-radius: 10px;
    flex-shrink: 0;
  }
  
  section.blog_entry_related .awy_card_content .text_wrapper {
    gap: 1rem;
  }
  
  section.blog_entry_related  .awy_card_content .text_wrapper h3 {
    line-height: normal;
    height: max-content;
    font-size: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
            line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  section.blog_entry_related  .awy_card_content .text_wrapper h3,
  section.blog_entry_related  .awy_card_content .text_wrapper p {
    margin-bottom: 0;
  }
  

  section.blog_entry_related  .awy_card_content .text_wrapper .excerpt_wrapper p {
    position: relative;
    font-weight: 400;
    overflow: hidden;
    max-height: calc(1.5em * 3); 
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  

  section.blog_entry_related .excerpt_wrapper.has-mask {
    -webkit-mask-image:  linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%);
    mask-image:  linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%);
  }
  
  section.blog_entry_related  .awy_card_content .text_wrapper span {
    font-weight: 500;
    font-size: 0.925rem;
  }
  
  section.blog_entry_related  .awy_card_content .text_wrapper span.post-category {
    opacity: 0.5;
    text-decoration: underline;
    font-size: 0.765rem;
  }
  
  section.blog_entry_related  .awy_card_content .text_wrapper .btn {
    align-self: flex-end;
  }
  
  section.blog_entry_related img.bg_static_cover.avatar {
    border-radius: 100%;
    width: 40px;
    margin-right: 20px;
    height: 40px;
    margin-bottom: 0;
  }

/* Extra large devices (large desktops, 1200px and up) col-xl */
@media (min-width: 1200px) {
    section.blog_entry_related .col-12 {
        margin-bottom: 0;
    }
}

@media(max-width: 992px) {

    section.blog_entry_related .row {
        gap: 30px;
    }
    section.blog_entry_related .col-lg-4:nth-of-type(2){
        transform: translateY(0);
    }
    
}