header {
    @media(width < 1024px) {
        .wp-block-site-logo {
            width: 250px;
        }
        .phone {
            display: none;
        }
    }
    nav {
        a {
            &:hover {
                text-decoration: none;
                color: var(--wp--preset--color--accent-2) !important;
            }
        }
    }
    .nav_wrapper {
        background-image: url(../images/tick-blue.svg);
        background-size: 22px;
        background-position: top 4px center;
        background-repeat: repeat-x;
    }
    ul.wp-block-navigation__container {
        @media(width < 768px) {
            gap: .725em;
        }
    }
}
main {
    .is-layout-flow {
        > p {
            margin-block: 1.5em;
        }
        h2 {
            margin-block-start: 1.5em;
        }

    }
    a {
        /* text-decoration: none; */
        &:hover {
            color: var(--wp--preset--color--accent-2);
        }
    }
}
strong {
    font-weight: 700;
}

@media(width < 768px) {
    .hero.wp-block-cover {
        min-height: 360px !important;
        .wp-block-cover__image-background {
            object-fit: none;
        }
        &.about {
            .wp-block-cover__image-background {
                object-position: 64% 90% !important;
            }
        }
    }
    .home {
        .hero {
            img {
                object-fit: none;
                object-position: 50% 5% !important;
            }
        }
    }

}

.wp-block-accordion {
    border-block-start: 1px solid var(--wp--preset--color--accent-3);
    .wp-block-accordion-item {
        border-block-end: 1px solid var(--wp--preset--color--accent-3);
        
        .wp-block-accordion-heading {
            @media(width < 768px) {
                font-size: 1.625rem !important;
            }
            button {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: .5em;
    
                &::after {
                    content: url(../images/arrow-green.svg);
                    width: 28px;
                    margin-inline-end: 1rem;
                }
                &:hover {
                    .wp-block-accordion-heading__toggle-title {
                        text-decoration: none;
                        color: var(--wp--preset--color--accent-2);
                    }
                }
            }
        }
        &.is-open {
            .wp-block-accordion-heading button {
                &::after {
                    rotate: 90deg;
                }

            }
        }
        .wp-block-accordion-panel {
            > :last-child {
                margin-block-end: 2rem;

            }
        }
    }
}

.forminator-custom-form {
    input {
        border-color: var(--wp--preset--color--contrast);
    }
    textarea {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid var(--wp--preset--color--contrast);
        border-radius: 0 !important;
        padding-top: 9px !important;
        /* padding-inline: 0 !important; */
    }
    .forminator-field-textarea {
        label {
            padding-top: 9px !important;
            padding-inline: 0 !important;
        }
        .forminator-description {
            display: none !important;
        }
    }
    .forminator-required {
        color: var(--wp--preset--color--accent-1) !important;
    }
    .forminator-button-submit {
        background-color: var(--wp--preset--color--accent-2);
        color: #fff;
        text-transform: uppercase;
        padding-block: .25em !important;
        border-radius: 0 !important;
    }
    .forminator-checkbox-box {
        background-color: #E1E7DD !important;
        border: none !important;
        border-radius: 0 !important;
    }
    .forminator-row:has(> .forminator-field-consent) {
        display: inline-block !important;
    }
    .forminator-row-last {
        float: right;
        line-height: 1;
        width: min-content;
        @media(width < 1080px) {
            float: none;
        }
    }
    
}

.valuation-bands {
    table {
        thead {
            background-color: var(--wp--preset--color--accent-2);
            color: #fff;
            border-bottom: 8px solid;
            th {
                border: none;
            }
        }
        tbody {
            tr {
                border-block-end: 8px solid #fff;
            }
            td {
                border: none;
                background-color: var(--wp--preset--color--accent-3);
            }

        }

    }
}

ul {
    padding-inline-start: 1.1em;
    li {
        &::marker {
            color: var(--wp--preset--color--accent-2);
            font-size: 1.2em;
        }
    }
}

.callout {
    ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(min(26rem, 100%), 1fr));
        column-gap: 4rem;
        list-style-type: none;
        padding: 0;

        li {
            a {
                display: flex;
                gap: .5em;
                text-decoration: none;
                &::before {
                    content: url(../images/tick-brightgreen.svg);
                    width: 1.6em;
                    aspect-ratio: 1;
                    flex-shrink: 0;
                }

            }
        }

        
    }
}

.swiper-pagination-bullet {
    background-color: #fff !important;
    opacity: .5 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1 !important;
}