/**
 * Theme Name:        Andersen Hybrid
 * Description:       Hybrid theme for Andersen
 * Version:           0.1.0
 * Author:            Browsaar
 * Author URI:        https://browsaar.de
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       andersen-hybrid
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 */

/* Typography */
.has-small-font-size {
    line-height: 1.125rem;
}

.has-normal-font-size {
    line-height: 1.6875rem;
}

.has-medium-font-size {
    line-height: 2.20625rem;
}

.has-large-font-size {
    line-height: 2.4375rem;
}

.has-x-large-font-size {
    line-height: 3.375rem;
}

.wp-block-group a {
    color: var(--wp--preset--color--corporate-red);
    text-decoration: underline;
}

.wp-block-group a:visited {
    color: var(--wp--preset--color--dark-corporate-red);
}


.wp-block-buttons a {
    text-decoration: none !important;
}


/* Logo */
.site-logo {
    margin-top: 8px;
    display: inline-flex;
}

.site-logo img {
    width: 117px;
    height: auto;
}

@media screen and (min-width: 640px) {
    .site-logo {
        margin-top: 0;
        height: 6.875rem;
        align-items: center;
    }

    .site-logo img {
        width: 213px;
    }
}

/* Block Style Variations */
.wp-block-cover.is-style-banner {
    height: 325px !important;
    overflow: hidden;
    min-height: 325px;
}

.wp-block-cover.is-style-banner > .wp-block-cover__inner-container {
    height: 100%;
}

.wp-block-cover.is-style-banner > .wp-block-cover__inner-container > * {
    height: 100%;
}

.wp-block-cover.is-style-cta > .wp-block-cover__inner-container {
    max-width: 46.875rem;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-button.is-style-light .wp-element-button {
    border-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-light .wp-element-button:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black) !important;
}

/* Plugin Overrides */
.wp-block-cb-carousel > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="cb/slide"] .block-editor-block-list__layout, .wp-block-cb-carousel > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="cb/slide"] .block-editor-inner-blocks {
    height: auto;
}

.wp-block-cb-carousel .slick-dots li button:before {
    font-size: 0.75rem;
}

.wp-block-cb-carousel .slick-dots {
    bottom: -2.5rem;
}