/* Desktop (base) - apply to all unless overridden */
.page_wrapper {
    overflow-x: hidden;
}

/* Social Media Icons */
#clarity-footer-social-icons {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px 0;
}

#clarity-footer-social-icons .footer-link {
    font-size: 18px;
    color: #000000;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#clarity-footer-social-icons .footer-link:hover {
    color: #666666;
}

/* Footer bottom line responsive layout */
#clarity-footer-bottom-line {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Footer address styling */
#clarity-footer-address {
    font-weight: 300;
}

/* Footer copyright line styling */
#clarity-footer-copyright-line {
    font-size: inherit;
    font-weight: normal;
}

#clarity-footer-copyright-line span,
#clarity-footer-copyright-line a {
    font-size: inherit;
    font-weight: 300;
}

#clarity-footer-privacy,
#clarity-footer-phone {
    text-decoration: none;
    color: inherit;
}

#clarity-footer-phone {
    font-weight: 300;
}

/* Footer powered by PremPage styling */
#clarity-footer-powered-by {
    margin-top: 10px;
}

#clarity-footer-pwr-by-link {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#clarity-footer-pwr-by-link b {
    font-weight: normal;
}

#clarity-footer-pwr-by-link:hover {
    color: #333333;
}

/* Form checkbox styling */
.form-field-wrapper .checkbox-field {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.form-field-wrapper .w-checkbox-input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #000000;
}

.form-field-wrapper .checkbox-label {
    margin: 0;
    font-size: 16px;
    color: #000000;
    cursor: pointer;
    user-select: none;
}

.w-checkbox {
    padding-left: 0;
}

/* Form radio button styling */
.form-field-wrapper .radio-field {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.form-field-wrapper .w-radio-input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #000000;
}

.form-field-wrapper .radio-label {
    margin: 0;
    font-size: 16px;
    color: #000000;
    cursor: pointer;
    user-select: none;
}

.w-radio {
    padding-left: 0;
}

/* Form consent styling */
.form-field-wrapper.consent-wrapper {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.consent-above-text {
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
    line-height: 1.5;
}

.consent-checkbox {
    margin-bottom: 0;
}

.consent-checkbox .w-checkbox-input {
    width: 22px;
    height: 22px;
    margin: 0;
    accent-color: #000000;
}

.consent-checkbox .checkbox-label {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    cursor: pointer;
    user-select: none;
}

/* Form signature styling */
.form-field-wrapper.signature-wrapper {
    margin-top: 20px;
}

.signature-wrapper-canvas {
    position: relative;
    width: 100%;
    height: 200px;
    border: 2px solid #d0d0d0;
    border-radius: 8px;
    background-color: white;
    margin-bottom: 15px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    position: absolute;
    left: 4px;
    top: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-color: white;
    border-radius: 4px;
}

.signature-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.signature-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 1;
    transform: none !important;
    box-shadow: none !important;
    transition: transform 0.2s ease;
}

#wds-accept_signature:hover,
#wds-clear:hover {
    transform: translateY(-2px) !important;
}

.signature-accepted {
    color: #9d9d9d;
    font-weight: 500;
    margin-bottom: 10px;
}

/* Fix submit button wrapper alignment in custom form */
#wds-custom-form .button_new_wrapper {
    transform: none !important;
    margin-top: 10px;
}

/* navbar image resize */
.wds-nav-img {
    width: 220px;
}

.hand-drawn-svg {
    width: 115%;
    height: 145%;
    position: absolute;
    inset: -20% -6%;
}

.footer-divider-line {
    background-color: var(--primary);
}

/* remove secondary button box shadow */
.button_new_wrapper.is-secondary.is-alternate {
    box-shadow: none;
}

.image-6 {
    display: unset;
}

.area-sections {
    padding: 120px 60px 120px;
}

.blog-card-date, .button-text, .list {
    font-size: 16px;
}


/* Large screens cascade up */

@media (min-width: 1280px) {
    /* Styles for 1280px and up */
}

@media (min-width: 1440px) {
    /* Styles for 1440px and up+ */
}

@media (min-width: 1920px) {
    /* Styles for 1920px and up+ */
}

/* Small screens cascade down */

/* Tablet */
@media (max-width: 991px) {
    /* Styles for 991px and down */
    .image-4 {
        width: 220px;
    }
    
    /* Fix flip-flop section layout on mobile - image always on top */
    .about_section .grid,
    .about_section .grid.r-l {
        display: flex;
        flex-direction: column;
    }
    
    .about_section .image_block {
        order: 1;
    }
    
    .about_section .content_block {
        order: 2;
    }
    
    /* Fix flip-flop summary section layout on mobile - image always on top */
    .team_section .founder-grid,
    .team_section .founder-grid.r-l {
        display: flex;
        flex-direction: column;
    }
    
    .team_section .image-block {
        order: 1;
    }
    
    .team_section .right-content {
        order: 2;
    }
}

/* Mobile Landscape */
@media (max-width: 767px) {
    /* Styles for 767px and down */

}

/* Mobile Portrait */
@media (max-width: 478px) {
    /* Styles for 478px and down */
    .image-4 {
        width: 200px;
    }

    #clarity-footer-bottom-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    /* Consistent footer font sizing on mobile */
    #clarity-footer-address,
    #clarity-footer-copyright-line,
    #clarity-footer-powered-by,
    #clarity-footer-bottom-line,
    #clarity-footer-copyright-line span,
    #clarity-footer-copyright-line a,
    #clarity-footer-powered-by span,
    #clarity-footer-powered-by a,
    #clarity-footer-bottom-line a {
        font-size: 14px;
    }

    .hero_section {
        min-height: 75vh;
    }

    .div-block-11.w-inline-block {
        display: none;

    }

    .wds_clarity_cover_button_wrapper, .wds_clarity_cover_hero_content_wrap, .wds_clarity_cover_hero_content {
        grid-row-gap: 30px;
    }

    .hero_section_one.padding_section.bg-color-secondary.wds_clarity_cover_3_section {
        min-height: unset;
        padding-bottom: 0;
    }
}