/* Typography tweaks */

code {
    display: inline;
    padding: unset;
    margin-bottom: unset;
    color: black;
    padding: 2px 6px;
}

.wp-block-code code {
    white-space: pre;
}

pre code {
    display: block;
}

.post-content pre[class*=language-] {
    margin: 0 0 1.5em;
}

div.scrolling-tab-content {
    overflow: hidden;
}

.post table td, .post table th {
    text-align: left;
}

.post table td.has-text-align-center, .post table th.has-text-align-center {
    text-align: center;
}

.row .col.section-title span {
    color: #757575;
}

html body .row .col.section-title h1 {
    font-size: 42px;
}

#single-below-header a {
    line-height: 1.5em;
}

p, div.excerpt, li {
    max-width: 50em;
}

#copyright p {
    max-width: unset;
}

h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child),
body.single .post .content-inner>h2, 
body.single .post .content-inner>h3, 
body.single .post .content-inner>h4, 
body.single .post .content-inner>h5, 
body.single .post .content-inner>h6 {
    margin-top: 1.2em;
}

h2, h3, h4, h5, h6,
body.single .post .content-inner>h2, 
body.single .post .content-inner>h3, 
body.single .post .content-inner>h4, 
body.single .post .content-inner>h5,
body.single .post .content-inner>h6  {
    margin-bottom: .8em;
    max-width: 35em;
}

.blog-recent[data-style=minimal] .col a,
.blog-recent[data-style=minimal] .meta {
    color: #797676;
}

article.post ol ol>li {
list-style-type: lower-alpha; /* a. b. c. */
}

article.post ol ol ol>li {
list-style-type: lower-roman; /* i. ii. iii. */
}

html body .row .col.section-title h1 {
    text-transform: unset;
}

/* Tribe Events */

.tribe-events-c-subscribe-dropdown__list-item,
.tribe-events-c-messages__message-list-item,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous {
	list-style: none;
}

.tribe-events-widget-events-list__view-more {
    display: none;
}

body[data-form-submit="regular"] button[type=submit].tribe-events-c-search__button {
    font-size: 14px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-bottom: 40px !important;
}

/* Model single */

.lf-model-post-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    margin-bottom: 60px;
}

.lf-model-left-col {
    flex: 1;
    min-width: 0;
}

.lf-model-right-col {
    width: 350px;
}

@media (max-width: 768px) {
    .lf-model-post-wrapper {
      flex-direction: column; /* Stack items vertically */
    }
    .lf-model-right-col {
        width: 100%;
    }
}

.main-content .lf-model-image {
    margin-bottom: 20px;
    max-width: 250px;
    width: 100%;
}

.lf-model-metabox {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    max-width: 800px;
    font-size: .8em;
    line-height: 1.8em;
    text-align: left;
}

.lf-model-metabox div {
    margin-bottom: 10px;
}

.lf-model-post-wrapper h1 {
    margin: 15px 0 60px;
}



/* Models listing */

.lf-models {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; /* Spacing between grid items */
    padding: 20px 0;
}
@media (max-width: 768px) {
    .lf-models {
        grid-template-columns: repeat(1, 1fr);
    }
}
.lf-models-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    text-align: left;
    min-height: 100px; /* Adjust as needed */
}
.lf-models-item .lf-model-image {
    float: right;
    max-width: 120px;
    height: auto;
    margin: 0 0 10px 10px;
}


/* Newsletters listing */

.lf-newsletters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; /* Spacing between grid items */
    padding: 20px 0;
}
@media (max-width: 768px) {
    .lf-newsletters {
        grid-template-columns: repeat(1, 1fr);
    }
}
.lf-newsletters-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    text-align: left;
    min-height: 100px; /* Adjust as needed */
}
.lf-newsletter-item__title {
    font-size: 1.5em;
    padding: 10px 0 20px;
    font-weight: 700;
}
body[data-ext-responsive=true].single-lf_newsletter .container-wrap.no-sidebar .post-area {
    max-width: 1000px;
    margin: 0 auto !important;
}

/* Search/Filter */

.searchandfilter input[type='text'], .searchandfilter input[type='email'], .searchandfilter input[type='search'] {
    min-height: 40px;
    height: 40px;
}
.searchandfilter .sf-field-search label {
    display: block;
}
.searchandfilter .chosen-container {
    width: 100% !important;
    max-width: 100%;
    display: inline-block;
}
.searchandfilter .chosen-container a:hover {
    text-decoration: none;
}
.searchandfilter .chosen-container.chosen-container-single .chosen-single {
    font-weight: 400;
    height: 40px;
    line-height: 40px;
}
.searchandfilter .chosen-container.chosen-container-single .chosen-single div b {
    background-position-y: 10px;
}
.searchandfilter .chosen-container .chosen-results li {
    line-height: 100%;
    padding: 15px 6px;
}
.searchandfilter .chosen-container .chosen-drop {
    z-index: 6;
}
.searchandfilter .chosen-container .chosen-drop .chosen-results .active-result {
    display: flex;
    align-items: center;
}
.searchandfilter ul li {
    padding: 0.5em 0;
    line-height: 100%;
}
@media (min-width: 1200px) {
    .searchandfilter ul li {
        margin-bottom: 20px;
        height: 40px;
   }
}
.searchandfilter > ul {
    height: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.searchandfilter > ul > *:not(:last-of-type) {
    flex-grow: 1;
    margin-right: 30px;
}
.searchandfilter > ul > *:last-of-type {
    min-width: 80px;
    margin-right: 0;
}
@media (max-width: 599px) {
    .searchandfilter > ul > li .sf-input-select {
        width: 100%;
   }
}
.searchandfilter > ul select.sf-input-select {
    min-width: 150px;
}
@media (max-width: 999px) {
    .searchandfilter > ul select.sf-input-select {
        height: 35px;
   }
}
@media (min-width: 1000px) {
    .searchandfilter > ul select.sf-input-select {
        visibility: hidden;
   }
}
.searchandfilter .search-filter-reset {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border: 2px solid black;
    background-color: white;
    color: black;
    width: 100%;
    padding: 10px 20px;
}
.searchandfilter[data-sf-form-id='8151'] > ul > *:not(:last-of-type) {
    margin-right: 12px;
}
@media (max-width: 599px) {
    .searchandfilter > ul > li .sf-input-select {
        width: 100%;
        background: rgba(230, 230, 230, 0.5);
        border: 1px solid gray;
        border-radius: 5px;
        padding-right: 3px;
        color: black;
        height: 40px;
   }
}

/* Community Events listing */

.lf-community-events {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; /* Spacing between grid items */
    padding: 20px 0;
}
@media (max-width: 768px) {
    .lf-community-events {
        grid-template-columns: repeat(1, 1fr);
    }
}
.lf-community-events-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    text-align: left;
    min-height: 100px; /* Adjust as needed */
}
.lf-community-events-item svg {
    display: inline-block;
    height: 1em;
    vertical-align: -.125em;
    width: 1em;
} 
.event-calendar-year {
    border-bottom: 3px solid #828892;
    color: #393c41;
    font-size: 1.5625rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding: 0 0 .25em;
    width: 100%;
}
.event-calendar-month {
    border-top: 1px solid #d3d5d9;
    font-size: 1.5625rem;
    margin-top: 1rem;
    padding-top: 1rem;
    width: 100%;
}
.lf-community-events-item .date {
    margin-right: .5em;
}

.lf-community-events-item .country,
.lf-community-events-item .virtual {
    white-space: nowrap;
}


/* Footer */

.hbspt-form {
    min-height: 300px;
}
@media (min-width: 500px) {
    .hbspt-form {
        min-height: 100px;
   }
}
@media (min-width: 1000px) {
    .hbspt-form {
        min-height: 20px;
   }
}
.hbspt-form .hs-error-msg {
    display: block;
    margin-right: 8px;
    color: #de3412;
    font-size: 14px;
    line-height: 1.1em;
    width: 95%;
    padding-top: 15px;
}
.hbspt-form .hs-error-msgs {
    margin: 0;
}
.hbspt-form .hs-error-msgs li {
    list-style: none;
}
.hbspt-form .hs-form {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}
@media (min-width: 500px) {
    .hbspt-form .hs-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   }
}
@media (min-width: 700px) {
    .hbspt-form .hs-form {
        grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}
@media (min-width: 950px) {
    .hbspt-form .hs-form {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
   }
}
.hbspt-form .hs-form input[type='text'], .hbspt-form .hs-form input[type='email'] {
    height: 50px;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    transition: all 0.25s ease;
    color: #fff;
    font-size: 16px;
    line-height: 105%;
}
@media (min-width: 500px) {
    .hbspt-form .hs-form input[type='text'], .hbspt-form .hs-form input[type='email'] {
        height: 42px;
   }
}
@media (min-width: 500px) {
    .hbspt-form .hs-form input[type='text'], .hbspt-form .hs-form input[type='email'] {
        font-size: 20px;
   }
}
.hbspt-form .hs-form input[type='text']::placeholder, .hbspt-form .hs-form input[type='email']::placeholder {
    color: #fff;
    font-size: 16px;
    line-height: 105%;
}
@media (min-width: 500px) {
    .hbspt-form .hs-form input[type='text']::placeholder, .hbspt-form .hs-form input[type='email']::placeholder {
        font-size: 20px;
   }
}
.hbspt-form .hs-form input[type='text']:focus, .hbspt-form .hs-form input[type='email']:focus {
    outline: 0;
    border-bottom: 2px solid #de3412;
    transition: color 0.25s ease;
}
.hbspt-form .hs-form input[type="text"]:hover:not(:focus), .hbspt-form .hs-form input[type="email"]:hover:not(:focus) {
    border-bottom: 2px solid #de3412 !important;
}
.hbspt-form .hs-form input[type='text']:focus::placeholder, .hbspt-form .hs-form input[type='email']:focus::placeholder {
    transition: color 0.25s ease;
    color: transparent;
}
.hbspt-form .hs-form input:-webkit-autofill, .hbspt-form .hs-form textarea:-webkit-autofill, .hbspt-form .hs-form select:-webkit-autofill, .hbspt-form .hs-form input:-webkit-autofill:hover, .hbspt-form .hs-form textarea:-webkit-autofill:hover, .hbspt-form .hs-form select:-webkit-autofill:hover, .hbspt-form .hs-form input:-webkit-autofill:focus, .hbspt-form .hs-form textarea:-webkit-autofill:focus, .hbspt-form .hs-form select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
}
.hbspt-form .hs-form select {
    appearance: none;
    background: transparent;
    border: 0px solid transparent;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    margin: 0;
    max-width: 100%;
    padding: 0.25em 0 calc(0.25em + 1px) 5px;
    transition: all 0.25s ease;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 105%;
}
@media (min-width: 500px) {
    .hbspt-form .hs-form select {
        height: 42px;
   }
}
@media (min-width: 500px) {
    .hbspt-form .hs-form select {
        font-size: 20px;
   }
}
.hbspt-form .hs-form select::-ms-expand {
    display: none;
}
.hbspt-form .hs-form select:focus {
    outline: 0;
    border-bottom: 2px solid #de3412;
}
.hbspt-form .hs-form select:focus::placeholder {
    transition: color 0.4s ease;
    color: transparent;
}
.hbspt-form .hs-form select option {
    font-weight: normal;
    color: black;
}
.hbspt-form .hs-form .hs-button {
    border-radius: 5px;
    border: none;
    background-color: #de3412;
    color: #fff;
    font-weight: 400;
    padding: 11px 40px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}
.hbspt-form .hs-form .hs-input.invalid {
    border-bottom: 2px dashed red !important;
}
.hbspt-form .hs-form .hs_error_rollup {
    display: none;
}

.hbspt-form .submitted-message {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 2px solid $white;
    min-height: 280px;
font-size: 18px;
padding: 20px 20px 0;
line-height: 1.1em;
    @media (min-width: 500px) {
        min-height: 80px;
    }
    @media (min-width: 1000px) {
        min-height: unset;
    }
}

.hbspt-form .submitted-message p {
    max-width: none;
}

#hsForm_2fb2231c-000b-4ec5-88a0-1ab242549c9e .legal-consent-container {
    display: none;
}

/* Hello bar or "Secondary Header" */

.material #header-secondary-outer,
.material #header-secondary-outer>.container>nav,
.material #header-secondary-outer>.container {
    min-height: 30px;
}

.material #header-secondary-outer #social {
    display: none;
}

body #header-secondary-outer .nectar-center-text {
    font-size: 14px;
}

.osano-cm-dialog {
    background: #222222;
    color: #fff;
}
/* --------------------------------------------------------------------------
   Projects highlighted in post (CNCF-style block on single posts)
   --------------------------------------------------------------------------
   Layout strategy: reserve a fixed-width gutter on the right of the post
   content via padding, then absolutely position the projects panel into that
   gutter. Works regardless of what the first content block is (image, p,
   figure, wide/full-aligned blocks, etc.) since none of them interact with
   the absolutely-positioned element. */
.single-post .post-content .content-inner:has(.pt-post-projects) {
    position: relative;
    padding-right: 220px;
}

.pt-post-projects {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    margin: 0;
    padding: 0.25em 0 0.75em 1em;
    border: 0;
    border-left: 2px solid #e5e7eb;
    background: transparent;
}

.pt-post-projects__heading {
    margin: 0 0 0.6em;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #444444;
}

.pt-post-projects__list {
    list-style: none;
    margin: 14px 0 0 -10px;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    align-items: flex-start;
}

.pt-post-projects__item {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.pt-post-projects__link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border: 0;
}

.pt-post-projects__logo {
    height: 45px !important;
    width: auto;
    max-width: 290px !important;
    display: block;
    margin-bottom: 0 !important;
}

.pt-post-projects__label {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

@media (max-width: 1100px) {
    .single-post .post-content .content-inner:has(.pt-post-projects) {
        padding-right: 0;
    }
    .pt-post-projects {
        position: static;
        width: auto;
        margin: 0 0 3em;
        padding: 0;
        border-left: 0;
    }
    .pt-post-projects__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 20px;
        align-items: center;
    }
    .pt-post-projects__logo {
        height: 40px !important;
        max-width: 260px !important;
    }
}