/*
Theme Name: Navs BioLEAP
Description: This is a child theme of the Hello Elementor parent theme,
Author: Solid Digital
Template: hello-elementor
Version: 1.0.11
Text Domain: soliddigital

How to Maintain this CSS File: All custom CSS will be added to this file. You can refer to the docs here for process https://docs.soliddigital.com/docs/css-best-practices/
*/

/*======================================== START OF THEME ADJUSTMENTS ========================================*/

/* --------------- Remove margin bottom on last paragrah --------------- */
p:last-of-type {
    margin-bottom: 0;
}

/* --------------- Remove auto scroll --------------- */
html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* --------------- Password Protected Page --------------- */
main.post-password-required.site-main {
    max-width: 100%;
    padding: 5rem 3%;
    display: flex;
    flex-flow: column;
    align-items: center;
}

main.post-password-required.site-main form.post-password-form p {
    text-align: center;
    max-width: 550px !important;
    display: flex;
    flex-flow: column;
}

main.post-password-required.site-main form.post-password-form label,
form.post-password-form input {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
}

main.post-password-required.site-main form.post-password-form input {
    border-radius: 10px;
    border-color: #8c8f94;
    padding: 15px;
    margin-top: 15px;
}
/*======================================== END OF THEME ADJUSTMENTS ========================================*/

/*======================================== START OF PLUGIN STYLES ========================================*/

/* --------------- SEOPress Overides --------------- */
.seopress-user-consent {
    border: none !important;
    padding: 8px 20px !important;
}
.seopress-user-consent p {
    font-weight: 500;
}
#seopress-user-consent-close {
    display: none;
}
#seopress-user-consent-accept {
    border: none;
    border-radius: 200px;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 130%;
    padding: 8px 16px 6px;
}
/*======================================== END OF PLUGIN STYLES ========================================*/

/*======================================== START OF POST DETAILS TEXT EDITOR ========================================*/

/* --------------- Text --------------- */
.sd_post-details > *:first-child {
    margin-top: 0 !important;
}

.sd_post-details p:last-of-type {
    margin-bottom: 0.9rem;
}
.sd_post-details h2 {
    font-size: calc(1.75rem + 0.25vw);
    margin-top: 2.5rem;
    line-height: 1.2;
}
.sd_post-details h3 {
    font-size: calc(1.25rem + 0.25vw);
    margin-top: 2.5rem;
    line-height: 1.2;
}
.sd_post-details h4 {
    font-size: calc(1rem + 0.25vw);
    margin-top: 2.5rem;
    line-height: 1.2;
}
.sd_post-details h5 {
    font-size: calc(0.75rem + 0.25vw);
    margin-top: 2.5rem;
    line-height: 1.2;
}
.sd_post-details h6 {
    font-size: calc(0.75rem + 0.25vw);
    margin-top: 2.5rem;
    line-height: 1.2;
}
.sd_post-details ul + p,
.sd_post-details ol + p {
    margin-top: 0.9rem;
}
.sd_post-details ul,
.sd_post-details ol {
    margin-bottom: 1rem;
}
.sd_post-details blockquote p {
    font-size: calc(1.25rem + 0.25vw);
    margin-top: 2.5rem;
    line-height: 1.2;
}

/* --------------- Images --------------- */
.sd_post-details img {
    margin: 2rem auto;
    max-width: 100% !important;
}
.sd_post-details img.alignright {
    margin: 0.5rem 0 0.5rem 1.5rem;
}
.sd_post-details .wp-caption.alignleft {
    margin: 0.5rem 1.5rem 0.5rem 0;
}
@media screen and (max-width: 500px) {
    .sd_post-details img.alignright,
    .sd_post-details img.alignleft,
    .sd_post-details .wp-caption.alignright,
    .sd_post-details .wp-caption.alignleft {
        float: none;
        margin: 1.5rem auto;
        text-align: center;
    }
    .sd_post-details img {
        margin: 1.5rem auto;
    }
}

/* --------------- Image with caption --------------- */
.sd_post-details figure figcaption {
    margin-top: 0.5rem;
}
.sd_post-details .wp-caption img {
    margin: 2rem auto 0;
    max-width: 100% !important;
}
.sd_post-details figure.wp-caption.aligncenter {
    margin-bottom: 2rem;
    max-width: 100%;
}
.sd_post-details .wp-caption.alignright {
    margin: 0.5rem 0 0.5rem 1.5rem;
}
.sd_post-details img.alignleft {
    margin: 0.5rem 1.5rem 0.5rem 0;
}
.sd_post-details .wp-caption.alignright img,
.sd_post-details .wp-caption.alignleft img {
    margin: 0;
}

.dialog-widget-content h2.gform_title {
    display: none;
}
/*======================================== START OF HUBSPOT FORMS   !!!!!!! DELETE IF HUBSPOT IS NOT USED ON THIS SITE !!!!!!! ========================================*/

/*---------------- HUBSPOT FORMS   DELETE IF HUBSPOT IS NOT USED ON THIS SITE ----------------*/

/* Responsiveness and width */
.hbspt-form .hs-form-iframe {
    width: 100% !important;
}
fieldset {
    min-width: 100%;
}

/* Inputs and Labels styles */

/* Styling labels in general */
.hs-custom-style > div input:not([type='image']):not([type='file']),
.hs-custom-style fieldset input:not([type='image']):not([type='file']),
.hs-input:not([type='file']) {
    border-radius: 6px;
    border: 2px solid var(--e-global-color-text);
    background-color: white;
    font-family: var(--e-global-typography-text-font-family);
    font-size: 1rem;
    padding: 10px 14px;
    color: var(--e-global-color-secondary);
}

/* Color for placeholder text */
.hs-input::placeholder,
.hs-input option,
legend.hs-field-desc,
select.is-placeholder {
    color: var(--e-global-color-text);
}

/* Color for focus text */
input .hs-input:focus,
.hs-form-field label span,
.hs-richtext {
    color: var(--e-global-color-secondary);
}

/* Margin for all elements of the form */
fieldset,
.legal-consent-container .field.hs-form-field,
.hs-submit {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

@media (max-width: 767px) {
    /* Adding margin to elements inside 2 form-columns-2 */

    fieldset.form-columns-2 div:not(:last-of-type) {
        margin-bottom: 15px !important;
    }
}

/* Forcing 100% width for 1 column form elements */
fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}

@media (max-width: 767px) {
    /* Forcing 100% width for 2 column form elements */

    fieldset.form-columns-2 .hs-input {
        width: 100% !important;
    }
}

/* Fixing vertical align, Removing list style type and for checkboxes, radio buttons and error messages */
.hs-form-booleancheckbox,
.hs-form-checkbox,
.hs-form-radio,
.hs-error-msgs li {
    list-style-type: none;
}
.hs-form-booleancheckbox label,
.hs-form-checkbox-display,
.hs-form-radio-display {
    display: inline-flex;
    align-items: center;
}
.hbspt-form input[type='checkbox'] {
    width: auto !important;
}
.inputs-list,
.hs-error-msgs {
    padding-left: 0px;
}

/* Styles for messages and legends */
.hs-error-msg,
.hs-form-field label span,
legend.hs-field-desc {
    font-size: 0.75rem;
    font-weight: var(--e-global-typography-secondary-font-weight);
}
.hs-error-msg {
    color: var(--e-global-color-accent);
}
.hs-form-field label span {
    font-family: var(--e-global-typography-text-font-family);
}

/* Styles paragraphs */
.hs-richtext p {
    line-height: 1.5em;
}

/*Hubspot Selector styles*/
select.is-placeholder:focus {
    border: 2px solid var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.175 0.158313L-2.18557e-07 1.33331L5 6.33331L10 1.33331L8.825 0.158313L5 3.97498L1.175 0.158313Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 15px;
}

/*Hubspot Form File Upload*/
.hbspt-form input.hs-input[type='file'] {
    position: relative;
    display: inline-block;
    height: 50px;
}
.hs-input:not([type='file']):focus {
    border: 2px solid var(--e-global-color-secondary) !important;
}
.hbspt-form input[type='file']:after {
    content: 'Choose File';
    font-size: 1rem;
    opacity: 1;
    border: 2px solid var(--e-global-color-text);
    border-radius: 6px;
    padding: 12px 16px;
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    background-color: white;
    transition: 0.3s;
}
.hbspt-form input[type='file']:after:focus {
    color: var(--e-global-color-secondary);
}
.hbspt-form input[type='file']:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
}
.hbspt-form input.hs-input[type='file']:hover {
    color: var(--e-global-color-secondary);
    cursor: pointer;
}
.hbspt-form input.hs-input[type='file']:hover:after {
    border-color: var(--e-global-color-secondary);
}

/*Hubspot Radio and Checkbox styles*/
.hs-form-radio label span,
.hs-form-checkbox label span {
    font-size: 1rem;
    color: var(--e-global-color-secondary);
}

.hbspt-form input[type='checkbox'],
.hbspt-form input[type='radio'] {
    position: relative;
    margin-right: 16px;
    margin-bottom: 10px;
}

.hbspt-form input[type='checkbox']:after,
.hbspt-form input[type='radio']:after {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--e-global-color-text);
    border-radius: 6px;
}

.hbspt-form input[type='radio']:after {
    border-radius: 100%;
}

.hbspt-form input[type='checkbox']:before,
.hbspt-form input[type='radio']:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
}

.hbspt-form input[type='checkbox']:checked:after,
.hbspt-form input[type='radio']:checked:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.17L1.83 7L0.410004 8.41L6 14L18 2L16.59 0.589996L6 11.17Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 85%;
    background-repeat: no-repeat;
    background-color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

/*Textarea*/
.hbspt-form textarea.hs-input {
    border: 2px solid var(--e-global-color-text);
    padding: 10px 14px;
}

.hbspt-form textarea.hs-input:focus {
    border-color: var(--e-global-color-secondary);
}

/*Submit Button*/
.hbspt-form .hs-submit input[type='submit'].hs-button {
    background-color: var(--e-global-color-secondary);
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: white;
    padding: 16px 32px;
    border-radius: 6px;
    border: none;
}
.hbspt-form .hs-submit input[type='submit'].hs-button:hover {
    background-color: var(--e-global-color-text);
}

/* Legal consent checkbox */

.legal-consent-container .hs-form-booleancheckbox-display > span {
    margin-left: 0 !important;
}
/*======================================== END OF HUBSPOT FORMS   !!!!!!! DELETE IF HUBSPOT IS NOT USED ON THIS SITE !!!!!!! ========================================*/

/* Download Monitor - Hide everything */
.dlm-xhr-loading-gif,
.dlm-xhr-progress {
    display: none !important;
}

/* Download Repeater - Custom Styling*/
.sd_download_repeater {
    color: var(--e-global-color-primary);
}

.sd_download_repeater__title {
    color: var(--e-global-color-primary);
    font-size: var(--e-global-typography-eac137c-font-size);
    line-height: var(--e-global-typography-eac137c-line-height);

    text-transform: var(--e-global-typography-eac137c-text-transform);
    font-weight: var(--e-global-typography-eac137c-font-weight);
}

.sd_download_repeater__data {
    padding-top: 1rem;
}

.sd_download_repeater__file_type {
    font-size: var(--e-global-typography-eac137c-font-size);
    line-height: var(--e-global-typography-eac137c-line-height);
    display: inline-block;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    width: fit-content;
    padding: 0.7rem 0.5rem 0.7rem 0.5rem;
    color: var(--e-global-color-2d72448);
    background-color: var(--e-global-color-7df8ece3);
    font-weight: var(--e-global-typography-eac137c-font-weight);
    text-transform: var(--e-global-typography-eac137c-text-transform);
}

.sd_download_repeater__divider {
    display: inline-block;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-e6d28c8-font-family), Sans-serif;
    font-size: var(--e-global-typography-e6d28c8-font-size);
}

.sd_download_repeater__size {
    display: inline-block;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-e6d28c8-font-family), Sans-serif;
    font-size: var(--e-global-typography-e6d28c8-font-size);
}
/* End Download Repeater - Custom Styling*/
