/*
 Theme Name: Kirkfield
 Theme URI: https://example.com/kirkfield
 Description: Child theme for GeneratePress
 Author: Your Name
 Author URI: https://example.com
 Template: generatepress
 Version: 1.0.0
*/

*,
:before,
:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1,
:where(.editor-styles-wrapper) h1 {
    font-size: 80px;
}

h2,
:where(.editor-styles-wrapper) h2 {
    font-size: 48px;
}

h3,
:where(.editor-styles-wrapper) h3 {
    font-size: 32px;
}

h4,
:where(.editor-styles-wrapper) h4 {
    font-size: 24px;
}

h5,
:where(.editor-styles-wrapper) h5 {
    font-size: 20px;
}

h6,
:where(.editor-styles-wrapper) h6 {
    font-size: 16px;
}

/* Navigation Styles */
.home #site-navigation {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid var(--kf-black);
    transition: 0.25s ease-in-out background-color;
}

.home.sticky-enabled {
    .main-navigation.is_stuck {
        margin-bottom: -60px;
        background-color: #FFFFFF;

        .main-nav {
            ul li:not([class*="current-menu-"]) {
                a {
                    color: var(--contrast);
                }
            }
        }
    }
}

/* General Block Styles */
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
    border-radius: 12px;
}

/* Motopress Module Styles */
.mphb_sc_booking_form-wrapper {
    &.floating-booking-form {
        .mphb-booking-form {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            gap: 20px;

            .mphb-required-fields-tip {
                display: none;
            }

            p {
                margin-bottom: 0;
                width: 18%;

                select,
                input {
                    width: 100%;
                }
            }
        }
    }
}

@media screen and (max-width: 1024px) {
    .mphb_sc_booking_form-wrapper {
        &.floating-booking-form {
            .mphb-booking-form {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr));

                p {
                    margin-bottom: 0;
                    width: 100%;
                }
            }
        }
    }
}

.grid {
    .mphb-booking-form {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 24px;

        input,
        select {
            width: 100%;
        }
    }
}

.mphb-required-fields-tip {
    display: none;
}

/* Footer Styles */

#footer-widgets::before {
  content: "";
  backdrop-filter: blur(8px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#footer-widgets {
  position: relative;
}

.inside-footer-widgets {
  z-index: 1;
  position: relative;
}