/*
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);
} */

/*
 * 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);
}

/*
 * Reset
 * ------------------------------ */

hr,
.hr {
        border: 1px solid;
        margin: -1px 0;
}

a,
b,
i,
strong,
em,
small,
code {
        line-height: inherit;
}

code,
kbd,
pre,
samp {
        font-family: monospace, monospace;
        font-size: 1em;
}

sub,
sup {
        line-height: 0;
        position: relative;
        vertical-align: baseline;
}

sup {
        top: -0.5em;
}

sub {
        bottom: -0.25em;
}

button,
input,
optgroup,
select,
textarea {
        color: inherit;
        font: inherit;
        margin: 0;
}

button {
        overflow: visible;
}

button,
select {
        text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
        -webkit-appearance: button;
        appearance: button;
        cursor: pointer;
}

button[disabled],
html input[disabled] {
        cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
        border: 0;
        padding: 0;
}

input {
        line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
        height: auto;
}

input[type="search"] {
        -webkit-appearance: textfield;
        appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
}

fieldset {
        border: 1px solid;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
}

legend {
        border: 0;
        padding: 0;
}

textarea {
        overflow: auto;
}

optgroup {
        font-weight: bold;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

td,
th {
        padding: 0;
}

/*
 * 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 {
        top: 8rem;
}

.admin-bar  .wp-block-group.is-position-sticky {
        top: calc(7em + 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;
}

/*
* 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;
}
