/*
Theme Name: WB Runway Four Child
Theme URI: https://web.bird.digital/
Author: Web Bird Digital
Author URI: https://web.bird.digital/
Description: A child theme of the Runway Four Template
Version: 0.0.1
Template: wb_runway_four
License: Private - Do Not Modify, Do Not Distribute
License URI: https://web.bird.digital/terms-and-conditions/
Text Domain: wb

This theme is private and not to be modified or distributed without permission from Web Bird Digital. This theme remains the property of Web Bird Digital.
*/

/* Temporary fix for Wordpress issue #73809 (media & text cropping) */
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
    position: relative;
}
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
    position: absolute;
}


h3 {
/*    color: var(--wp--preset--color--primary) !important;*/
}
[id] {
  scroll-margin-top: 90px;
}

html strong {
    font-weight: 500;
}
body, html {
    color: #fff;
}

/*
MENU STYLIUNG
*/
.wp-block-navigation .wp-block-navigation-item:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover  {
    color: var(--wp--preset--color--secondary);
}
.wp-block-navigation li.wp-block-navigation-item>a::after {
    display:none;
}

/*
FOOTER
*/
footer.wp-block-template-part {
    margin-top: 0;
}
/*
BUTTON STYLING
*/
:root :where(.wp-element-button, .wp-block-button__link), :root :where(.wp-element-button, .wp-block-button__link):visited {
    background-color: var(--wp--preset--color--secondary);
}
:root :where(.wp-element-button, .wp-block-button__link):hover {
    color: #ffffff;
    background-color: var(--wp--preset--color--primary);
}
:root :where(.wp-block-button.is-style-outline .wp-block-button__link) {
    border-width: 1px;
    background-color: transparent!important;
}

:root :where(.wp-block-button.is-style-outline .wp-block-button__link):hover, :root :where(.wp-block-button.is-style-outline .wp-block-button__link):visited{
    color: var(--wp--preset--color--secondary)!important;
    background-color: transparent;
}

html .vfbp-form .btn-primary, html .wp-block-button__link, html .banner_overlay .overlay_button, html .button, html input[type="submit"], html button, html body a.button_menu_item, html .woocommerce #respond input#submit, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, .gform_button.button {
    border-radius: 50px!important;
    text-transform: lowercase!important;
    font-size: 18px;
}

/*
ACCORDIAN BLOCK STYLING
*/
.wp-block-wb-accordion.wb_accordion, .wp-block-wb-accordion.wb_accordion .accordion-head, .wp-block-wb-accordion.wb_accordion .accordion-body, .accordion-head header  {
    background-color: transparent!important;
    color: #ffffff!important;
    box-shadow: none;
    padding: 0!important;
    margin:0;
    cursor: pointer;
    font-size:16px;
}
/*
.accordion-head .accord_collapse, .accordion-head .accord_dismiss {
    position: revert;
    height: 16px;
}*/
/*
MEDIA TEXT BLOCK STYLING
*/
.wp-block-media-text>.wp-block-media-text__media {
    overflow: hidden;
    border-radius: 0 100px 100px 0;
}
.wp-block-media-text.has-media-on-the-right >.wp-block-media-text__media {
    border-radius: 100px 0 0 100px;
}
.wp-block-media-text >.wp-block-media-text__content {
    padding: 0 80px 0 80px;
}

.wp-block-media-text.has-media-on-the-right >.wp-block-media-text__content > .wp-block-group {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.wp-block-media-text >.wp-block-media-text__content > .wp-block-group >:where(p,h1,h2,h3,h4,h5,h6) {
    margin-bottom: 4px; /* Fix the margins not overlapping on left hand text */
    margin-top: 0;
}
.wp-block-media-text >.wp-block-media-text__content > .wp-block-group > p:has(+:where(p,h1,h2,h3,h4,h5,h6)),
.wp-block-media-text >.wp-block-media-text__content > .wp-block-group > ul:has(+:where(p,h1,h2,h3,h4,h5,h6)) {
    margin-bottom: 16px; /* Fix the margins not overlapping on left hand text */
}
/*
POPUP STYLING
*/
html .popup_background {
    background: #343945;
    background: rgba(52, 57, 69, .75);
}

/*
LIST STYLING
*/
ul.wp-block-list {
    padding-left: 20px;
}

/* D#TAILS BLOCK */
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {
    margin-bottom: 20px;
}

/*
MOBILE STYLING
*/
@media (max-width: 1430px) {
    .wp-container-core-group-is-layout-f3f37c49 {
        gap: 20px;
        justify-content: center;
    }
}
@media (max-width: 999px) {
    .wp-block-media-text >.wp-block-media-text__content {
        padding: 0 20px 0 20px;
    }
    .wp-container-core-group-is-layout-f3f37c49 {
        gap: 16px;
        justify-content: center;
    }
    .wp-block-navigation.items-justified-right {
        justify-content: center!important;
    }
}
@media (max-width: 599px) {
    /* HEADER */
    .headerbar-bottom .wp-block-group.alignwide {
        gap: 1em;
    }
    .headerbar-bottom .wp-block-group .wp-block-buttons {
        justify-content: center;
        width: 100%;
    }
    .wp-block-site-logo {
        max-width:80%;
    }
    /* FONT */
    p.has-x-large-font-size {
        font-size: 34px!important;
    }
    p.has-large-font-size {
        font-size: 26px!important;
    }
    p.has-medium-font-size {
        font-size: 22px!important;
    }
    p.has-small-font-size {
        font-size: 16px!important;
    }
    /* Featured icon buttons */
    .wp-block-columns.col-buttoms {
        flex-direction: row;
        flex-wrap: nowrap !important;
        gap: 10px;
    }
    .wp-block-columns.col-buttoms .wp-block-column > .wp-block-group {
        padding: 10px 5px !important;
    }
    .wp-block-columns.col-buttoms .icon_image_wrapper svg {
        width: auto;
        height: 40px!important;
    }
    .wp-block-columns.col-buttoms h5 {
        font-size: 18px;
    }
    /* HOME COVER */
    .wp-block-cover.home-cover {
        min-height: 400px!important;
    }
    .wp-block-cover.home-cover span.has-background-dim {
        opacity: 40%!important;
    }
    .wp-block-cover.home-cover .has-background-dim {
        opacity: 40%!important;
    }
    .wp-block-cover.home-cover .wp-block-cover__inner-container {
        margin: 100px 0 0 50px;
    }
    .wp-block-cover.home-cover p {
        text-align: center!important;
    }
    .wp-block-cover.home-cover .wp-block-buttons {
        justify-content: center;
    }
    .wp-block-cover.home-cover  .wp-element-button {
        font-size: 18px!important;
    }
}
@media (max-width: 399px) {
    .wp-block-cover.home-cover .wp-block-cover__inner-container {
        margin: 40px 0 0 0;
    }
    .wp-block-columns.col-buttoms {
        flex-direction: row;
        flex-wrap: wrap !important;
        gap: 10px;
    }
    .wp-block-columns.col-buttoms h5 {
        font-size: 16px;
    }
}