/*
Theme Name: Image Direct Wordpress Pro
Author: imageDirect Pty Ltd
Author URI: https://www.imagedirect.com.au/
Theme URI: https://www.imagedirect.com.au/
Tags: full-site-editing
Text Domain: imagedirect-wordpress-pro
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.2
Version: 1.0.16

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.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.

------------------------------ */

html {
        scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
        html {
                scroll-behavior: auto;
        }
}

body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smooth: always;
        text-rendering: optimizeLegibility;
        /* Support old font sizes */
        --wp--preset--font-size--normal: var(--wp--preset--font-size--medium, 1rem);
        --wp--preset--font-size--huge: var(--wp--preset--font-size--xxx-large, 3rem);
}

/*
 * Root Gap
 * @since 1.0.10
* ------------------------------ */
.wp-site-blocks>*+* {
        margin-block-start: var(--wp--custom--spacing--0) !important;
}

/*
 * Template Part Gap
 * @since 1.0.10
* ------------------------------ */
/* main.site-content > .wp-block-template-part  + .wp-block-template-part, */
main.site-content>.wp-block-template-part {
        margin-block-start: unset;
}

/*
 * :Target
 *
 * Add space before hash scrolled to link
 * @since 1.0.12
* ------------------------------ */
:target:not(#wp--skip-link--target):not(#site-header) {
        border-top: 0.5em solid var(--wp--preset--color--tint);
        margin-top: var(--wp--preset--spacing--60);
        padding-top: var(--wp--preset--spacing--60);
        transition: all 500ms ease-in-out;
}

@media screen and (min-width: 600px) {
        :target:not(#wp--skip-link--target):not(#site-header) {
                margin-top: calc(var(--wp--preset--spacing--60) * 2);
                padding-top: calc(var(--wp--preset--spacing--60) * 2);
        }
}

/*
 * Editor Reusable Block
 *
 * Editor doesn't pass reusable block attributes to site editor
 * @since 1.0.8
 * ------------------------------ */
/* .edit-post-visual-editor__post-title-wrapper> :where(:not(.alignleft):not(.alignright)):is(.is-reusable),
.block-editor-block-list__layout.is-root-container> :where(:not(.alignleft):not(.alignright)):is(.is-reusable) {
        max-width: var(--wp--style--global--content-size);
} */

/**
 * Additional Form Elements
 * Select Form Drop Down
 * ------------------------------ */

.woocommerce-ordering select,
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select {
        padding: 1ch;
        border-radius: .5em;
        width: 100%;
}

.wc-block-product-categories.is-list .wc-block-product-categories-list,
.wp-block-categories-list {
        list-style: none;
        padding: unset;
}

.wc-block-product-categories.is-list .wc-block-product-categories-list .wc-block-product-categories-list-item,
.wp-block-categories-list .cat-item {
        padding: 1ex 0
}

.is-list .wc-block-product-categories-list-item__name {

}

.is-list span.wc-block-product-categories-list-item-count {
        font-size: var(--wp--preset--font-size--small)
}

.is-list span.wc-block-product-categories-list-item-count::before {
        content: '[';
        margin-left: 1ch;
}

.is-list span.wc-block-product-categories-list-item-count::after {
        content: '] ';
}


/*
 * Typography
 * ------------------------------ */

.wp-block-heading+ol,
.wp-block-heading+ul {
        margin-block-start: var(--wp--preset--font-size--medium);
}

h3.wp-block-heading+p {
        margin-block-start: var(--wp--preset--font-size--medium);
}

h4.wp-block-heading+p {
        margin-block-start: var(--wp--preset--font-size--small);
}

h5.wp-block-heading+p,
h6.wp-block-heading+p {
        margin-block-start: var(--wp--preset--font-size--x-small);
}

/*
 * Background Padding
 * ------------------------------ */

.has-global-padding :where(.has-global-padding.has-background) {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
}


/*
 * Button transition
 * ------------------------------ */
a.is-style-imagedirect__read-more-button,
a.is-style-imagedirect--read-more-button,
a.wp-block-navigation-item__content,
button,
.wp-element-button,
.wp-block-button__link {
        -webkit-transition: 200ms ease-in-out;
        -o-transition: 200ms ease-in-out;
        transition: 200ms ease-in-out;
}

/*
 * Button mobile resize
 * ------------------------------ */

@media screen and (max-width: 600px) {
        .wp-block-buttons>.wp-block-button.has-custom-width {
                display: block;
                width: 100% !important;
        }
}

/*
 * Table of contents block fancy
 * ------------------------------ */
.is-style-imagedirect__table-of-contents-fancy>ol {
        padding-left: var(--wp--preset--spacing--40);
        list-style: none;
        border-left: 0.25em solid var(--wp--preset--color--primary);
        border-color: var(--wp--preset--color--primary);
}

/*
 *  Post Showcase Gap
 * ------------------------------ */
body .is-layout-flow.is-style-imagedirect__showcase>*+*,
body .is-style-imagedirect__showcase>.is-layout-flow>*+*,
body .is-layout-flow.is-style-imagedirect--showcase>*+*,
body .is-style-imagedirect--showcase>.is-layout-flow>*+* {
        margin-block-start: var(--wp--custom--spacing--0, 0rem);
        margin-block-end: 0;
}

/*
 * Alternating Post Showcase
 * ------------------------------ */
.is-style-imagedirect__showcase .wp-block-post:nth-child(odd) .wp-block-cover>.wp-block-cover__background,
.is-style-imagedirect--showcase .wp-block-post:nth-child(odd) .wp-block-cover>.wp-block-cover__background {
        -webkit-filter: hue-rotate(45deg);
        filter: hue-rotate(45deg);
}

@media screen and (min-width: 600px) {

        .is-style-imagedirect__showcase .wp-block-post:nth-child(odd) .wp-block-columns,
        .is-style-imagedirect--showcase .wp-block-post:nth-child(odd) .wp-block-columns {
                flex-direction: row-reverse;
        }

        .is-style-imagedirect__showcase .wp-block-post:nth-child(odd) .wp-block-columns>.wp-block-column>.wp-block-group:where(.is-layout-flex),
        .is-style-imagedirect--showcase .wp-block-post:nth-child(odd) .wp-block-columns>.wp-block-column>.wp-block-group:where(.is-layout-flex) {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                text-align: end;
        }
}


/**
 * Menu Navigation
 * deactivated as per github issue 55330
 * ------------------------------ */

.wp-block-navigation .wp-block-navigation__submenu-container>li {
        min-width: 100%;
        max-width: 100%;
}


@media screen and (min-width: 600px) {
        .wp-block-navigation .wp-block-navigation__submenu-container>li {
                min-width: 300px;
                max-width: 100%;
        }
}

@media screen and (max-width: 600px) {
        ul.wp-block-navigation__container,
        ul.wp-block-navigation__container>li {
                width: 100%;
        }

        ul.wp-block-navigation__container>li>a {
                display: block;
        }
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
                padding: var(--wp--preset--spacing--30, 1.5rem) !important;
        }
}

/*
 * Sticky
 * ------------------------------ */



.is-style-imagedirect__sticky-top,
.is-style-imagedirect--sticky-top {
        position: sticky;
        top: -1px;
        z-index: 1000;
}

.wp-block-group.is-position-sticky.zz-top {z-index: 1024;}

.wp-block-group.is-position-sticky {
        /*top: 8rem;*/
        top: 0px;
}

.admin-bar  .wp-block-group.is-position-sticky {
        /*top: calc(7em + var(--wp-admin--admin-bar--position-offset, 32px));*/
        top: calc(0px + var(--wp-admin--admin-bar--position-offset, 32px));
}

@media screen and (min-width: 600px) {



        .admin-bar .is-style-imagedirect__sticky-top,
        .admin-bar .is-style-imagedirect--sticky-top {
                top: 32px;
        }
}

/*
 * Fixed
 * @since 1.0.11
 * ------------------------------ */

.is-style-imagedirect__fixed-top {
        position: static;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
}

@media screen and (min-width: 600px) {
        .is-style-imagedirect__fixed-top {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 1000;
        }

        .admin-bar .is-style-imagedirect__fixed-top {
                top: 32px;
        }
}

@media screen and (min-width: 600px) {
        .wp-site-blocks>.is-style-imagedirect__fixed-top+* {
                padding-block-start: 100px;
        }
}

/*
 * Sticky content
 * @since 1.1.10
 * ------------------------------ */
.is-style-imagedirect__sticky-content {
        position: sticky;
        top: calc(var(--wp--preset--spacing--80) + 105px);
}

@media screen and (min-width: 600px) {
        .admin-bar .is-style-imagedirect__sticky-content {
                top: calc(var(--wp--preset--spacing--80) + 105px);
        }
}

/*
 * Fixed Bottom
 * @since 1.0.11
 * ------------------------------ */

.is-style-imagedirect__fixed-bottom {
        position: fixed;
        left: 0;
        right: 0;
        bottom: auto;
        z-index: 1000;
}

/*
 * Link Button
 * ------------------------------ */

.wp-block-button .wp-block-button__link {
        border: solid transparent;
        /* transparent border image clip issue */
        background-origin: border-box !important;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.wp-element-button:focus,
.wp-block-button__link:focus {
        border-color: currentColor;
        -webkit-filter: hue-rotate(45deg);
        filter: hue-rotate(45deg);
}

a.wp-block-read-more.is-style-imagedirect__read-more-button,
a.wp-block-read-more.is-style-imagedirect--read-more-button {
        padding: calc(1ex + ((1vw - 0.48rem) * 0.117)) calc(2.5ex + ((1vw - 0.48rem) * 0.117));
}

a.wp-block-read-more.is-style-imagedirect__read-more-button,
a.wp-block-read-more.is-style-imagedirect--read-more-button {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--base) !important;
}

.wp-element-button:where(.has-base-color):hover,
.wp-block-button__link:where(.has-base-color):hover,
.wp-element-button:where(.has-base-color):focus,
.wp-block-button__link:where(.has-base-color):focus {
        background: var(--wp--preset--color--contrast) !important;
        color: var(--wp--preset--color--base) !important;
}

.wp-block-navigation-item.is-style-imagedirect__navigation-link-button a:hover,
.wp-block-navigation-item.is-style-imagedirect__navigation-link-button a:focus,
.wp-block-navigation-item.is-style-imagedirect--navigation-link-button a:hover,
.wp-block-navigation-item.is-style-imagedirect--navigation-link-button a:focus {
        background: var(--wp--preset--color--contrast);
        color: var(--wp--preset--color--base) !important;
}

@media only screen and (min-width: 600px) {

        .wp-block-navigation-item.is-style-imagedirect__navigation-link-outline a,
        .wp-block-navigation-item.is-style-imagedirect__navigation-link-button a,
        .wp-block-navigation-item.is-style-imagedirect--navigation-link-outline a,
        .wp-block-navigation-item.is-style-imagedirect--navigation-link-button a {
                padding: calc(1ex + ((1vw - 0.48rem) * 0.117)) calc(2.5ex + ((1vw - 0.48rem) * 0.117));
        }

        .wp-block-navigation-item.is-style-imagedirect__navigation-link-outline a,
        .wp-block-navigation-item.is-style-imagedirect--navigation-link-outline a {
                border: 1px solid currentColor;
        }

        a.wp-block-read-more.is-style-imagedirect__read-more-button,
        .wp-block-navigation-item.is-style-imagedirect__navigation-link-button a,
        a.wp-block-read-more.is-style-imagedirect--read-more-button,
        .wp-block-navigation-item.is-style-imagedirect--navigation-link-button a {
                background-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--base) !important;
                border: 1px solid transparent;
        }

        a.wp-block-read-more.is-style-imagedirect__read-more-button:hover,
        a.wp-block-read-more.is-style-imagedirect__read-more-button:focus,
        .wp-block-navigation-item.is-style-imagedirect__navigation-link-button a:hover,
        .wp-block-navigation-item.is-style-imagedirect__navigation-link-button a:focus,
        a.wp-block-read-more.is-style-imagedirect--read-more-button:hover,
        a.wp-block-read-more.is-style-imagedirect--read-more-button:focus,
        .wp-block-navigation-item.is-style-imagedirect--navigation-link-button a:hover,
        .wp-block-navigation-item.is-style-imagedirect--navigation-link-button a:focus {
                background-color: var(--wp--preset--color--contrast);
                color: var(--wp--preset--color--base) !important;
                border-color: currentColor;
        }
}

/*
 * List Underline
 * ------------------------------ */

.is-style-imagedirect__list-underline,
.is-style-imagedirect--list-underline {
        padding-left: var(--wp--preset--font-size--medium);
}

.is-style-imagedirect__list-underline>li,
.is-style-imagedirect--list-underline>li {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em;
}

.is-style-imagedirect__list-underline>li::marker,
.is-style-imagedirect--list-underline>li::marker {
        font-weight: 700;
}

.is-style-imagedirect__list-underline>li::after,
.is-style-imagedirect--list-underline>li::after {
        content: "";
        display: block;
        margin-block-start: 0.5em;
        margin-block-end: 0.5em;
        border-bottom: currentColor dashed 1px;
        opacity: 0.33;
        position: relative;
        right: var(--wp--preset--font-size--medium);
        width: calc(100% + var(--wp--preset--font-size--medium));
}


/*
* Telephone Links
* ------------------------------ */
a[href^="tel:"] {
        white-space: nowrap;
}

/*
* Menu title
* ------------------------------ */
/*@media screen and (max-width: 600px) {

.wp-block-navigation.is-responsive {
        flex-direction: row;
}

.wp-block-navigation.is-responsive::after {
    display: inline-block;
    text-transform: uppercase;
    content: attr(aria-label);
}
}*/

/*
* Wordpress images
* ------------------------------ */
.wp-block-site-logo a {
        width: 100%;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
        flex-grow: 0;
}

.wp-block-post-featured-image>a {
        aspect-ratio: inherit;
}

/*
 * Jetpack contact
 * ------------------------------ */

.wp-block-jetpack-contact-info>div {
        margin-block-start: 1ex;
        margin-block-end: 1ex;
}

.wp-block-jetpack-contact-info>div::after {
        content: "";
        display: block;
        margin-block-start: 1ex;
        border-bottom: currentColor dashed 1px;
        opacity: 0.25;
}


/*
 * Attribution
------------------------------ */

.imagedirect-attribution>a {
        color: currentColor;
        text-decoration: none;
}

.imagedirect-attribution>a:hover {
        text-decoration: underline;
}

.imagedirect-attribution>a>em {
        color: darkorange;
        font-style: italic;
        font-weight: 700;
}