/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

#Top_bar .logo .custom-logo-link img {
  vertical-align: middle;
  max-height: 100%;
  width: 280px !important;
  height: 135px !important;
  display: block;
}

#Top_bar .logo .custom-logo-link picture {
  width: auto !important;
  display: block;
}

#Top_bar .logo .custom-logo-link {
  width: auto !important;
  display: block;
}

#Top_bar .logo {
  max-width: 45vw;
  width: 288px;
}

#Top_bar .menu_wrapper {
    background: #009ade;
    border-radius: 25px;
    padding: 0 10px;
}

#Top_bar .menu > li:not(.mfn-megamenu-parent) {
    margin: 0 20px;
}

#Top_bar .top_bar_right {
    background: #009ade !important;
    border-radius: 25px;
    padding: 0 20px 0 10px;
}

#Top_bar .header-cart-count {
    background-color: #009d4f;
}

#Top_bar a#header_cart .header-cart-total {
    margin-left: 10px;
}

#Top_bar .menu > li:not(.mfn-megamenu-parent) {
    margin: 0 20px !important;
}

body:not(.template-slider) #Header {
    background-position: center 35% !important;
}

/* jQuery Form Validation */
.wpcf7-form .wpcf7-not-valid-tip, #optin_form .wpcf7-not-valid-tip {
    display: none;
}
.wpcf7-form label span.wpcf7-form-control-wrap {
    margin-top: 10px;
}
.wpcf7 form .wpcf7-response-output {
    padding: 0;
    margin: 1em 0 2em 0 !important;
    font-weight: 600;
    color: #ed3b2e;
}
.wpcf7-form .element .second, #optin_form .element .second {
    position: relative;
}
.wpcf7-form .error, #optin_form .error {
    color: #ed3b2e;
    margin: 10px 0;
    font-size: 0.9em;
}
.wpcf7-form .error:after, #optin_form .error:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 0C11.6475 0 15 3.3525 15 7.5C15 11.6475 11.6475 15 7.5 15C3.3525 15 0 11.6475 0 7.5C0 3.3525 3.3525 0 7.5 0ZM10.1925 3.75L7.5 6.4425L4.8075 3.75L3.75 4.8075L6.4425 7.5L3.75 10.1925L4.8075 11.25L7.5 8.5575L10.1925 11.25L11.25 10.1925L8.5575 7.5L11.25 4.8075L10.1925 3.75Z" fill="%23ed3b2e" fill-opacity="0.8"/></svg>');
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
}
.wpcf7-form .error.valid:after, #optin_form .error.valid:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 15C8.48491 15 9.46018 14.806 10.3701 14.4291C11.2801 14.0522 12.1069 13.4997 12.8033 12.8033C13.4997 12.1069 14.0522 11.2801 14.4291 10.3701C14.806 9.46018 15 8.48491 15 7.5C15 6.51509 14.806 5.53982 14.4291 4.62987C14.0522 3.71993 13.4997 2.89314 12.8033 2.1967C12.1069 1.50026 11.2801 0.947814 10.3701 0.570903C9.46018 0.193993 8.48491 -1.46764e-08 7.5 0C5.51088 2.96403e-08 3.60322 0.790176 2.1967 2.1967C0.790176 3.60322 0 5.51088 0 7.5C0 9.48912 0.790176 11.3968 2.1967 12.8033C3.60322 14.2098 5.51088 15 7.5 15ZM7.30667 10.5333L11.4733 5.53333L10.1933 4.46667L6.61 8.76583L4.75583 6.91083L3.5775 8.08917L6.0775 10.5892L6.7225 11.2342L7.30667 10.5333Z" fill="%23009d4f" fill-opacity="0.8"/></svg>');
}

/* BeTheme font-size and letter-spacing fixes */
body.page, h1, h2, h3, h4, h5, h6 {
    letter-spacing: unset;
}

.style-simple .faq .question .title, .style-simple .faq .question .answer {
    font-size: 1.25rem;
    outline: none;
}

img.emoji {
    width: 1em !important;
    height: 1em !important;
    border-radius: 0 !important;
}

footer {
    margin-top: 2em;
}

a:focus-visible {
    text-decoration: underline !important;
}

#Top_bar .menu > li > a {
    text-decoration:none !important;
}

#Top_bar .menu > li > a:focus:after {
    opacity: 1;
}

.ab-icon {
    font: 20px / 1 dashicons !important;
}

.vc-hoverbox:focus-visible .vc-hoverbox-front {
    transform: rotateY(-180deg);
}

.vc-hoverbox:focus-visible .vc-hoverbox-back {
    transform: rotateY(0)
}

@media only screen and (max-width: 768px) {
    #Top_bar .column {
        justify-content: flex-end;
    }

    #Top_bar .menu_wrapper,
    #Top_bar .top_bar_right {
        background: unset !important;
    }

    #Top_bar .menu_wrapper {
        top: 30px;
        position: relative;
    }

    #Top_bar .menu_wrapper nav#menu {
        margin-top: 40px;
        margin-left: -30px;
    }

    #Top_bar .menu_wrapper nav#menu ul li {
        padding: 2px 0;
    }

    #Top_bar .menu_wrapper nav#menu ul li.submenu ul.sub-menu,
    #Top_bar .menu_wrapper nav#menu ul li.submenu span.menu-toggle {
        display: none;
    }

    #Header #menu > ul > li.current-menu-item > a, #Header #menu > ul > li.current_page_item > a {
        background: none;
    }

    #Top_bar .menu_wrapper nav#menu ul li a span {
        background: #009ade;
        padding: 10px 20px;
        border-radius: 25px;
        font-size: 20px !important;
    }

    #Top_bar nav#menu > li:not(.mfn-megamenu-parent) {
        margin: 0 !important;
    }

    .header-stack.mobile-tr-header #Top_bar .top_bar_right {
        position: absolute;
        right: 0 !important;
        top: 22px !important;
        background: #009ade !important;
        width: auto;
    }

    #Top_bar .menu_wrapper .responsive-menu-toggle {
        background: #009ade;
        border-radius: 25px;
        padding: 10px;
    }

    #Top_bar .menu_wrapper .responsive-menu-toggle.active .icon-menu-fine {
        position: absolute;
        right: 12px;
    }

    #Top_bar .logo {
        position: relative;
        top: 75px;
    }

    #Top_bar .logo .custom-logo-link img {
        width: 165px !important;
        height: 100px !important;
    }

    #Footer .footer_copy .social-menu {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}