/*!
Theme Name:   Josephine Child Theme
Template:     josephine
Version:      1.0.0

Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
License:      GPL-3.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-3.0-standalone.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md

Child theme CSS styles:
*/

.custom-background.custom-background {
    background-color: var(--wp--preset--color--base);
    margin: 0;
    padding: 0;
    max-width: none;
    border-radius: 0;
}

header button:focus-visible {outline: 2px dashed #eee !important; outline-offset: 0.2;}

/* Heading Adjustments */

h1.has-l-font-size {
    font-size: var(--theme--css--font-size-h1) !important;
    font-weight: 700 !important;
    line-height: calc(1 + .382 / pow(var(--theme--mod--typography_modular_scale), 4) / var(--theme--css--desktop-multiply, 1));
    text-transform: uppercase;
    letter-spacing: var(--wp--custom--letter-spacing--heading) !important;
}

h2.has-l-font-size {font-size: var(--theme--css--font-size-h2) !important;}
h3.has-l-font-size {font-size: var(--theme--css--font-size-h3) !important;}
h4.has-l-font-size {font-size: var(--theme--css--font-size-h4) !important;}
h5.has-l-font-size {font-size: var(--theme--css--font-size-h5) !important;}

.adjust-min-height {min-height: 32vh !important;}

/* Accessible Link Styles */
a:where(:not(.wp-element-button, .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content, .wp-block-social-links .wp-block-social-link.wp-social-link)) {
    color: #048182;
}

.search h2.wp-block-post-title.has-xl-font-size a {text-decoration: underline !important;}

/* Adjust Main Navigation Menu on Larger Tablet View */
@media (max-width: 1024px) {
    :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container-close, :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container-open {
        position: fixed;
	left: 4%;
	top: 25px;
        height: 55px;
    }

    .wp-duotone-white.wp-block-site-logo img {margin-left: 70px !important;}

    .wp-block-navigation__responsive-container-open svg {margin-top: 3px;}

    :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container-open {
	background: var(--theme--css--button--color--background);
	color: white;
    }

    :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container-close {
	/*border: 0;*/
	box-shadow: none;
    }

    header div.mobile-group {margin-left: 75px; margin-top: 5px;}

    /* Search Page Styles */

    .search .is-style-mobile-only {background-color: #000 !important;}

    .search .is-style-mobile-only .wp-block-search__inside-wrapper,
    .search footer .wp-block-search__inside-wrapper {display: none !important;}

    /*figure a img[alt="Call us now"] {display: none;}*/
}

/* Adjust Main Navigation Menu on Tablet View */
@media (max-width: 879px) {
    :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container-close, :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container-open {
    	left: 60px;
        top: 20px;
        height: 60px;
    }

    .wp-block-navigation__responsive-container-open svg {margin-top: 0;}

    .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__container {padding-block-start: 80px;}

    div.mobile-group {margin-left: 80px; margin-top: 5px;}

    :where(body:not(.a11y-disable-fixed-mobile-toggle)) .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {padding-block-start: 0;}

    .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content {
    	padding-top: 0;
    	padding-bottom: 0;
    }

    .adjust-min-height {min-height: 0 !important;}
}

/* Adjust Main Navigation Menu on Larger Phones */
@media (max-width: 480px) {
    :where(body:not(.a11y-disable-fixed-mobile-toggle))
    .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block)
    .wp-block-navigation__responsive-container-close,
    :where(body:not(.a11y-disable-fixed-mobile-toggle))
    .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block)
    .wp-block-navigation__responsive-container-open {
        left: 90%;
        top: 15px;
    }

    .wp-duotone-white.wp-block-site-logo img {margin-left: 0 !important;}
}

/* Adjust Main Navigation Menu on Smaller Phones */
@media (max-width: 453px) {
    :where(body:not(.a11y-disable-fixed-mobile-toggle))
    .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block)
    .wp-block-navigation__responsive-container-close,
    :where(body:not(.a11y-disable-fixed-mobile-toggle))
    .wp-block-navigation.is-style-fixed-mobile-toggle:not(.block-editor-block-list__block)
    .wp-block-navigation__responsive-container-open {
        left: 89%;
        /*top: 60px;*/
    }

    .wp-duotone-white.wp-block-site-logo img {margin-left: 0 !important;}
}
