/*
Theme Name: Elise DuRant
Theme URI: https://www.3n.design
Description: Elise DuRant is a child theme for Blockbase.
Version: 1.0.0
Author: 3n Design
Author URI: https://www.3n.design
Template: blockbase
Text Domain: elisedurant
*/

/* Global ---------------------------------------------------- */

html {
  scroll-behavior: smooth;
}
html body {
    padding: 0 !important;
}
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
    margin-block-end: 0;
}
.has-custom-height {
    min-height: calc(100vh - 65px) !important;
}

/* Layout ---------------------------------------------------- */

header {
    background-color: #ffffff;
    position: fixed;
        left: 0;
        right: 0;
    width: 100%;
    z-index: 1000000;
}
footer {
    margin-left: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
    margin-right: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
    max-width: unset;
    width: unset;
}
header > div,
footer > div {
    padding-inline: var(--wp--custom--gap--horizontal) !important;
}

/* Headroom -------------------------------------------------- */

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.has-modal-open .headroom {
    height: 100vh;
}
.is-menu-open .wp-block-navigation__responsive-close, 
.is-menu-open .wp-block-navigation__responsive-container-content, 
.is-menu-open .wp-block-navigation__responsive-dialog {
    padding-block-start: var(--wp--custom--gap--horizontal) !important;
}

/* Submit Button --------------------------------------------- */

label,
input[type=text],
input[type=email] {
    width: 100%;
}
.wp-block-buttons>.wp-block-button.has-custom-width .wpcf7-submit {
    width: 100%;
}
:root :where(.wpcf7-submit) {
    background-color: var(--wp--custom--button--color--background);
    border-radius: var(--wp--custom--button--border--radius);
    border-color: #111111;
    border-width: 1px;
    border-style: var(--wp--custom--button--border--style);
    color: var(--wp--custom--button--color--text);
    font-size: var(--wp--custom--button--typography--font-size);
    font-weight: var(--wp--custom--button--typography--font-weight);
    line-height: var(--wp--custom--button--typography--line-height);
    padding-top: var(--wp--custom--button--spacing--padding--top);
    padding-right: var(--wp--custom--button--spacing--padding--right);
    padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
    padding-left: var(--wp--custom--button--spacing--padding--left);
}
.wpcf7-submit {
    align-content: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    text-align: center;
    word-break: break-word;
}
:where(.wpcf7-submit) {
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}