:root {
    --ovt-grey--text: #7a7a7a;
    --ovt-grey--dark: #54595f;
    --ovt-grey--medium: #ebecef;
    --ovt-grey--light: #e6e6e6;
    --ovt-grey--x-light: #f2f2f2;
    --ovt-white-bg: #fafbfd;

    --ovt-dark-grey: var(--ovt-grey--dark);
    --ovt-grey-m: var(--ovt-grey--medium);

    --ovt-orange: #e89b4d;
    --ovt-orange--300: #f0c081;
    --ovt-orange--500: #e3812c;

    --ovt-primary: #5fbaa3;
    --ovt-primary--200: #ace3d2;
    --ovt-primary--500: #359781;
    --ovt-primary--700: #236255;

    --ovt-body: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    --ovt-body-m: clamp(1.1rem, 1rem + 0.3vw, 1.25rem);
    --ovt-body-l: clamp(1.2rem, 1rem + 0.8vw, 1.75rem);
    --font-size-h3: clamp(1.25rem, 1rem + 1vw, 1.875rem);
    --ovt-sub-2: clamp(1.25rem, 1rem + 1vw, 1.875rem);
    --ovt-sub-3: clamp(1.1rem, 1rem + 0.6vw, 1.5rem);
    --font-size-bc-l: clamp(1.1rem, 1rem + 0.6vw, 1.5rem);
    --font-size-bc-m: clamp(1.1rem, 1rem + 0.3vw, 1.25rem);
    --font-size-bc: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    --font-size-bc-s: 1rem;
    --font-size-h3: clamp(1.25rem, 1rem + 1vw, 1.875rem);
}

html {
    scroll-behavior: smooth;
}


/* Styling for courses (course grid, and single course) */

#ovt-enrolled-courses.is-loading {
    opacity: 0.5;
    pointer-events: none; /* optional */
    transition: opacity 200ms ease;
}

p.ovt-course__date {
    color: white;
    background-color: var(--ovt-primary--500);
    margin-bottom: 0;
    padding-inline: 1rem;
    padding-block: 0.25rem;
    border-radius: 10px 0;
    font-family: 'Hind';
    font-size: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
}

div.ovt-course__technician-exclusive {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.25rem;

    padding-inline: 1rem;
    padding-block: 0.375rem;
    background-color: var(--ovt-primary--500);
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-family: 'Hind';
    width: max-content;
}

.ovt-course__technician-super {
    font-size: 0.75rem;
    line-height: 1em;
}

.ovt-course__technician-content {
    font-size: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    line-height: 1em;
}

#ovt-course__spacer {
    min-height: 0.75rem;
}

.ovt-course__meta {
    color: var(--ovt-primary--500);
    font-family: Hind;
    font-size: 0.875rem;
}

.elementor-shortcode
    .learndash-wrapper
    a.ovt-course__continue-btn.ld-button:not(.button),
div.ovt-course__retake a,
div.ovt-course-page__btn-wrapper a,
.learndash-wrapper
    .ld-button:not([disabled]):not(.ld-button-reverse):not(
        .ld-button-transparent
    ):not(.ld--ignore-inline-css).ovt-course__continue-btn,
.ovt-course__start-btn {
    background-color: var(--ovt-primary) !important;
    border: 2px solid var(--ovt-primary) !important;
    border-bottom: 2px solid var(--ovt-primary) !important;
    color: #fff;
    width: 100%;
    padding-inline: 1.25rem;
    padding-block: 0.75rem;
    margin-block-end: 0.25rem;
    border-radius: 5px;
    font-size: 1rem;
    font-family: 'Hind';
    font-weight: 500;
    transition: all 0.4s;
    line-height: 1;
}

.ovt-course__btn-wrapper {
    display: flex;
}

.ovt-course__btn-wrapper a.ovt-course__start-btn {
    color: #fff;
}

.ovt-course__start-btn {
    text-align: center;
}

.ovt-course-page__continue-btn {
    font-size: var(--font-size-bc-l);
}

.elementor-shortcode
    .learndash-wrapper
    a.ovt-course__continue-btn.ld-button:not(.ld--ignore-inline-css):hover:not(
        .button
    ),
div.ovt-course__retake a:hover,
.ovt-course__start-btn:hover {
    background-color: transparent !important;
    color: var(--ovt-primary) !important;
}

@media screen and (max-width: 48em) {
    .learndash-wrapper:not(.ld-registration__outer-wrapper):not(
            .learndash-wrapper--modern
        )
        .ld-button {
        margin-left: 0 !important;
    }
}

div.ovt-course__retake {
    display: flex;
    justify-content: center;
}

.ovt-course__retake-btn {
    text-align: center;
    line-height: 1;
}

.ovt-course__price {
    color: #fff;
    background-color: var(--ovt-orange);
    padding-inline: 1rem;
    padding-block: 0.5rem;
    border-radius: 0 10px 0 10px;
    font-size: clamp(1.1rem, 1rem + 0.6vw, 1.5rem);
    font-family: 'Hind';
    font-weight: 400;
    line-height: 1;
}

.ovt-course__instructor {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

img.ovt-course__instructor-image {
    width: 2rem;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 100vw !important;
}

/* Styles for course filters */

form#onvt-course-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    font-family: 'Hind';
    font-weight: 500;
}

.ovt-course-filters__section {
    width: 100%;
    display: flex;
    gap: 0.5rem;
}

.ovt-course-filters__section:has(label) {
    gap: 1.5rem;
}

#onvt-course-filters label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: clamp(1.1rem, 1rem + 0.3vw, 1.25rem);
    line-height: 1em;
}

#onvt-course-filters input[type='checkbox'] {
    width: 1.5rem;
    height: 1.5rem;
    accent-color: var(--ovt-orange);
    margin-top: -3px;
}

@media screen and (max-width: 48em) {
    .ovt-course-filters__section {
        flex-direction: column;
    }
}

/******************************* Styling for login form *************************/

#ult-login-form #ult-login-submit {
    background-color: var(--ovt-primary) !important;
}

/******************************* Styling for search results *************************/

p.ovt-post-type {
    font-size: var(--ovt-body);
    margin-block-end: 0;
    padding: 0.125rem 0.5rem 0rem;
    border-radius: 4px 0 4px 0;
    width: max-content;
}

p.ovt-post-type--post {
    background-color: var(--ovt-primary);
    color: #fff;
}

p.ovt-post-type--radiology-quiz {
    background-color: var(--ovt-primary--500);
    color: #fff;
}

p.ovt-post-type--sfwd-courses {
    background-color: var(--ovt-orange);
    color: #fff;
}

p.ovt-post-type--learning-trajectory {
    background-color: var(--ovt-grey);
    color: #fff;
}

/******************************* Styling for single product template  *************************/

.ovt-product__patient-icon {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    align-items: end;
}


/******************** Styling for forms ************************/

div.bbp-template-notice.info.ovt-forum__form-notice {
    background-color: #f2f2f2;
    color: #000;
}

.ovt-forum__form div.bbp-template-notice.error {
    background-color: var(--ovt-orange);
}

/******************* Styling for search page and forms ************/

body:has(.ovt-forum__search) {
    background-color: #fafbfd;
}

body:has(.ovt-forum__search) main#content {
    margin-block-start: 4rem;
}

@media screen and (max-width: 48em) {
    body:has(.ovt-forum__search) main#content {
        margin-block-start: 1rem;
    }

    body:has(.ovt-forum__search) main#content h1 {
        padding-inline: 2rem;
    }

    .ovt-forum__search-wrapper {
        padding-inline: 2rem;
    }
}

#bbpress-forums div.bbp-search-form.ovt-forum__search {
    float: none;
    clear: both;
    align-self: end;
    width: 100%;
}

body:has(.ovt-forum__search) main#content h1 {
    color: var(--ovt-primary--700);
    font-family: 'Hind';
    font-weight: 400;
    line-height: 1.3em;
    font-size: clamp(1.75rem, 1rem + 1.1vw, 2rem);
}

body:has(.ovt-forum__search) main#content .ovt-forum__wrapper {
    padding: 0;
    margin-bottom: 4rem;
}

.ovt-forum__search form div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ovt-forum__search form div input[type='text'] {
    flex: 1;
    font-size: clamp(1.1rem, 1rem + 0.3vw, 1.25rem);
    font-family: 'Hind';
    padding-bottom: 0.3rem;
}

.ovt-forum__search-body {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.ovt-forum__search-result {
    background-color: #f2f2f2;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 1rem;
}

#bbpress-forums div.bbp-reply-header.ovt-search__header,
#bbpress-forums div.bbp-forum-header.ovt-search__header,
#bbpress-forums div.bbp-topic-header.ovt-search__header {
    padding: 0;
    background: none;
    border: none;

    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: clamp(1.1rem, 1rem + 0.3vw, 1.25rem);
    font-weight: 400;
    font-family: 'Hind';
    color: var(--ovt-primary--700);
}

#bbpress-forums div.bbp-reply-header.ovt-search__header,
#bbpress-forums div.bbp-topic-header.ovt-search__header {
    border-bottom: 1px solid var(--ovt-grey--dark);
    padding-bottom: 0.75rem;
}

#bbpress-forums .ovt-search__header h3 {
    margin: 0;
    font-size: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    font-weight: 600;
}

.ovt-search__header .ovt-forum__post-date {
    font-size: 1rem;
}

@media screen and (max-width: 48em) {
    #bbpress-forums .ovt-search__header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.25rem;
    }

    #bbpress-forums .bbp-body div.bbp-reply-content,
    #bbpress-forums .bbp-body div.bbp-topic-content {
        margin: 0 0 0.5rem 0 !important;
    }
}

#bbpress-forums .ovt-forum__search-result div.type-reply,
#bbpress-forums .ovt-forum__search-result div.type-topic,
#bbpress-forums .ovt-forum__search-result div.type-forum,
#bbpress-forums .ovt-forum__search-result div.bbp-reply-content,
#bbpress-forums .ovt-forum__search-result div.bbp-forum-content,
#bbpress-forums .ovt-forum__search-result div.bbp-topic-content {
    background: none;
    margin: 0;
    padding: 0;
    margin-top: 0.75rem;

    font-size: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    line-height: 1.4em;
}

.ovt-forum__back-link {
    font-size: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    margin-block: 0.75rem;
}

/********************** Styling for search form (shortcode) ********************/

.ovt-search__back p a {
    font-size: clamp(1.1rem, 1rem + 0.1vw, 1.125rem);
    text-decoration: none;
    font-family: 'Hind';
}

@media screen and (max-width: 48em) {
    #bbpress-forums div.ovt-forum__nav div.ovt-forum__search {
        width: 100%;
    }
}

/******************** Styling for no access page ************/

div.ovt-topic__no-access {
    font-size: 1rem;
    height: 67vh;
}

#bbpress-forums a.ovt-btn--back {
    font-size: 1rem;
    font-family: 'Hind';
    font-weight: 400;
    text-decoration: none;
    background-color: var(--ovt-primary);
    padding: 0.5rem 1rem;
    display: inline-block;
    width: fit-content;
    color: #fff !important;
    border-radius: 4px;
    border: 1px solid var(--ovt-primary);
    transition: all 0.4s;
}

#bbpress-forums a.ovt-btn--back:hover {
    background-color: transparent;
    color: var(--ovt-primary) !important;
    border: 1px solid var(--ovt-primary);
}

/*********************** Single course page *************************/

.ovt-course-header__instructor-info {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-block-end: 0.75rem;

    color: #fff;
    font-size: var(--font-size-bc-l);
    font-weight: 400;
}

.ovt-course-header__instructor-info img.ovt-course-header__instructor-image {
    min-width: 3rem;
    max-width: 3rem;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50px;
}

.ovt-course-content {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ovt-course-content__item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ovt-course-content__icon {
    height: 1.5rem;
    width: 1.5rem;
}

.ovt-course-content__label {
    color: #fff;
    font-size: var(--font-size-bc);
}

.ovt-single-course__btn-wrapper {
    width: 100%;
}

.ovt-single-course__btn-wrapper
    a:is(
        .ovt-single-course__btn,
        .ovt-single-course-continue-btn,
        .ovt-single-course__start-btn
    ) {
    display: block;
    background-color: var(--ovt-primary);

    padding: 0.5rem 1rem;
    margin-block-end: 0.5rem;
    border-radius: 4px;
    border: 2px solid var(--ovt-primary);
    text-align: center;
    font-size: var(--font-size-bc-m);
    transition: all 0.2s;
    color: #fff;

    &:hover {
        background-color: transparent;
        color: var(--ovt-primary);
    }
}

.ovt-course-tab__instructor {
    margin-block-end: 2rem;
}
.ovt-course-tab__heading {
    display: flex;
    align-items: center;
    font-size: var(--font-size-h3);
    gap: 2rem;
    color: var(--ovt-primary--700);
    margin-block-end: 0.75rem;
}

.ovt-course-tab__heading img.ovt-course-tab__instructor-image {
    min-width: 5rem;
    max-width: 5rem;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50px;
}
.ovt-single-course__details
    .learndash-wrapper
    .ld-item-list.ld-lesson-list
    .ld-section-heading
    h2 {
    font-size: clamp(1.8rem, 1rem + 1.7vw, 2.5rem);
    color: var(--ovt-primary--700);
}

.ovt-single-course__details .learndash-wrapper .ld-expand-button {
    font-size: var(--font-size-bc-l);
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    padding: 0.5rem 1rem;
    border-radius: 4px;
}

.ovt-single-course__details .learndash-wrapper .ld-expand-button span.ld-text {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0;
}

.ovt-single-course__details
    .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-list-item-preview
    .ld-status-icon {
    margin-top: 0;
}

.ovt-single-course__details
    .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-details {
    background-color: var(--ovt-primary);
    border-radius: 4px;
}

.ovt-single-course__details
    .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-details
    .ld-expand-button {
    margin: 0;
    padding: 0.5rem 1rem;
}
.ovt-single-course__details
    .learndash-wrapper
    .ld-item-list
    .ld-item-list-item {
    border: none;
}

.ovt-single-course__details
    .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-list-item-preview {
    padding: 0.75rem;
    background-color: var(--ovt-grey--x-light);
    border-radius: 0.5rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.ovt-single-course__details .learndash-wrapper .ld-secondary-background,
.ovt-single-course__details
    .learndash-wrapper
    .ld-item-name
    .ld-status-complete {
    background-color: var(--ovt-primary--500) !important;
}

.learndash-wrapper .ld-expand-button .ld-icon {
    font-size: 0.875rem !important;
}

/*************** Styling for promotion section on course page ******************/

.ovt-course-promotion {
    display: flex;
    gap: 1rem;
    background-color: var(--ovt-primary--300);

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
}

.ovt-course-promotion img.ovt-course-promotion__image {
    width: min(27rem, 100%);
    border-radius: 0.5rem 0 0 0.5rem;
    flex-shrink: 0;

    object-fit: cover;
}

.ovt-course-promotion__content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.ovt-course-promotion__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 0.25rem;
    width: fit-content;

    line-height: 1.25em;
    font-size: var(--font-size-h3);

    color: var(--ovt-primary--700);

    padding-inline: 2rem;
    padding-block-end: 1.25rem;
    border-block-end: 2px solid var(--ovt-primary--700);
}

.ovt-course-promotion__heading .ovt-course-promotion__type {
    font-weight: 600;
}

.ovt-course-promotion__description {
    color: var(--ovt-primary--700);
}

.ovt-course-promotion__content a.ovt-course-promotion__permalink {
    background-color: var(--ovt-primary);
    color: #fff;

    padding-inline: 1rem;
    padding-block: 0.5rem 0.35rem;

    font-size: var(--font-size-bc-m);
    font-weight: 500;
    border-radius: 4px;
    border: 2px solid var(--ovt-primary);

    transition: all 0.2s;
}

.ovt-course-promotion__content a.ovt-course-promotion__permalink:hover {
    background-color: transparent;
    color: var(--ovt-primary);
}

@media screen and (max-width: 48em) {
    .ovt-course-promotion {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ovt-course-promotion img.ovt-course-promotion__image {
        width: 100%;
        border-radius: 0.5rem 0.5rem 0 0;
    }

    .ovt-course-promotion__content {
        padding-block-start: 0;
    }
}

/*************** Styling for dashboard page ******************/

.ovt-recent-topics {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    color: var(--ovt-primary--700);
}

.ovt-recent-topics__topic {
    display: flex;
    flex-direction: column;
}

.ovt-recent-topics__topic-title {
    font-weight: 600;
}

.ovt-certificate-container .certificate-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 2rem;
}

.ovt-certificate-container .certificate-list br {
    display: none;
}

.ovt-certificate {
    border-width: 2rem 1px 1px 1px;
    border-color: var(--ovt-grey--light);
    border-style: solid;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);

    padding-inline: 1rem;
    padding-block-end: 1rem;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.ovt-certificate__icon {
    height: 3rem;
    width: 2.5rem;

    transform: translateY(-50%);
}

.ovt-certificate__before-title {
    font-size: var(--font-size-bc-s);
    color: var(--ovt-grey--text);
}

.ovt-certificate a.ovt-certificate__title {
    font-size: var(--font-size-bc-m);
    color: var(--ovt-primary--700);
}

.ovt-certificate__meta {
    display: flex;
    align-self: stretch;

    justify-content: space-between;
    align-items: center;

    margin-block-start: 0.5rem;
}

.ovt-certificate__date {
    display: flex;
    flex-direction: column;

    gap: 0.25rem;

    font-size: var(--font-size-bc-s);
    line-height: 1em;
}

.ovt-certificate__download {
    display: flex;
    align-items: center;
}

/********** Fix for learndash quiz buttons **************/
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
    font-size: 1rem !important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-block-start: 0.75rem !important;
}

.learndash-wrapper
    .wpProQuiz_content
    .wpProQuiz_reviewDiv
    .wpProQuiz_reviewQuestion
    li.wpProQuiz_reviewQuestionSolved.wpProQuiz_reviewQuestionTarget,
.learndash-wrapper
    .wpProQuiz_content
    .wpProQuiz_reviewSummary
    .wpProQuiz_reviewQuestion
    li.wpProQuiz_reviewQuestionSolved.wpProQuiz_reviewQuestionTarget {
    background-color: var(--ovt-primary--500) !important;
    border-color: var(--ovt-primary--500) !important;
}

/************************************************* Styling for OVT single product (course) *************************************************/
h3.ovt-product__course-info-title {
    font-size: clamp(1.5rem, 1rem + 1.1vw, 2rem);
    margin-block-start: 0;
    margin-block-end: 0.125rem;
}

/************************************************* Styling for author meta on posts pages **************************************/
.ovt-post-meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.ovt-post-meta__author {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ovt-post-meta__date {
    padding-inline-start: 1.5rem;
    border-inline-start: 1px solid var(--ovt-dark-grey);
}

.ovt-post-meta img.ovt-post-meta__author-image {
    max-width: 2.5rem;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: 50vw;
}

/************************************************* Styling for author block on posts pages **************************************/

div.ovt-post-author {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;

    @media (width <= 48em) {
        flex-direction: column;
        gap: 0.75rem;
    }
}

.ovt-post-author img.ovt-post-author__image {
    display: block;
    max-width: 6.25rem;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: 50vw;
}

h3.ovt-post-author__name {
    font-size: var(--ovt-sub-2) !important;
    margin-bottom: 0.25rem;
}

span.ovt-post-author__title {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/************************************************* Styling for protocols page **************************************/
.ovt-protocol__download-btn {
    display: inline-block;
    background-color: var(--ovt-primary);
    color: #fff !important;
    border-radius: 4px;
    border: 2px solid var(--ovt-primary);
    padding: 0.5rem 1.5rem;
    transition: all 0.2s;

    text-transform: uppercase;

    &:hover {
        background-color: transparent !important;
        color: var(--ovt-primary) !important;
    }
}

/************************************************* Styling for dashboard page *************************************/

.ovt-recent-topics {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    color: var(--ovt-primary--700);
}

.ovt-recent-topics__topic {
    display: flex;
    flex-direction: column;
}

.ovt-recent-topics__topic-title {
    font-weight: 600;
}

.ovt-certificate-container .certificate-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 2rem;
}

.ovt-certificate-container .certificate-list br {
    display: none;
}

.ovt-certificate {
    border-width: 2rem 1px 1px 1px;
    border-color: var(--ovt-grey--light);
    border-style: solid;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);

    padding-inline: 1rem;
    padding-block-end: 1rem;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.ovt-certificate__icon {
    height: 3rem;
    width: 2.5rem;

    transform: translateY(-50%);
    margin-block-end: -1rem;
}

.ovt-certificate__before-title {
    font-size: var(--font-size-bc-s);
    color: var(--ovt-grey--text);
}

.ovt-certificate a.ovt-certificate__title {
    font-size: var(--font-size-bc-m);
    color: var(--ovt-primary--700);
}

.ovt-certificate__meta {
    display: flex;
    align-self: stretch;

    justify-content: space-between;
    align-items: center;

    margin-block-start: 0.5rem;
}

.ovt-certificate__date {
    display: flex;
    flex-direction: column;

    gap: 0.25rem;

    font-size: var(--font-size-bc-s);
    line-height: 1em;
}

.ovt-certificate__download {
    display: flex;
    align-items: center;
}

/******************************* Styling for search results *************************/

p.ovt-post-type {
    font-size: 1rem;
    margin-block-end: 0;
    padding: 0.125rem 0.5rem 0rem;
    border-radius: 4px;
    width: max-content;
}

p.ovt-post-type--post {
    background-color: var(--ovt-primary);
    color: #fff;
}

p.ovt-post-type--vet-case {
    background-color: var(--ovt-primary--200);
    color: #fff;
}

p.ovt-post-type--protocol {
    background-color: var(--ovt-primary--700);
    color: #fff;
}
p.ovt-post-type--podcast {
    background-color: var(--ovt-orange);
    color: #fff;
}

p.ovt-post-type--sfwd-courses {
    background-color: var(--ovt-orange-500);
    color: #fff;
}

p.ovt-post-type--leertraject {
    background-color: var(--ovt-grey-m);
    color: #000;
}