/*
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.0
Version: 1.0.9

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 {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        scroll-behavior: smooth;
}

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

body {
        -webkit-font-smoothing: antialiased;
        /* 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);
}

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;
}

/* 
 * WP Site Blocks
 * ------------------------------ */

/*
 * Catch ungrouped floating images
 * ------------------------------- */
.wp-site-blocks > * {
        clear: both;
}

/* Mind the gap */
.wp-site-blocks > * + * {
        margin-block-start: var(--wp--custom--spacing--0);
}

/* 
 * 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);
} */

/*
 * Equal padding
 * 
 * @since 1.0.9
 * ------------------------------- */
:where(.wp-block-group.has-background) {
        padding: var(--wp--style--block-gap);
        padding-top: var(--wp--style--block-gap);
        padding-bottom: var(--wp--style--block-gap);
        padding-left: var(--wp--style--root--padding-left, --wp--style--block-gap);
        padding-right: var(--wp--style--root--padding-left, --wp--style--block-gap);
}

/* 
 * Add left and right padding 
 * to alignfull block groups with has-background
 * -------------------------------- */
.has-global-padding
> .alignfull:where(.wp-block-group.has-background):not(.wp-block-image):not(
.wp-block-embed
) {
        padding-left: var(--wp--style--root--padding-left, --wp--style--block-gap);
        padding-right: var(--wp--style--root--padding-left, --wp--style--block-gap);
}

/* 
 * 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;
        }
}

/* 
 * Pro Center Post Content
 * @since 1.0.9
 * ------------------------------ */

.is-style-imagedirect__pro-center > *,
.is-style-imagedirect--pro-center > * {
        text-align: center !important;
        justify-content: center !important;
}

/* 
 *  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, 0);
        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
 * ------------------------------ */
.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%;
        }
}

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

.is-style-imagedirect__sticky-top,
.is-style-imagedirect--sticky-top {
        position: sticky;
        top: -1px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
        z-index: 1000;
}

@media screen and (min-width: 600px) {
        .admin-bar .is-style-imagedirect__sticky-top,
        .admin-bar .is-style-imagedirect--sticky-top {
                top: 32px;
        }
}

/* 
 * 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 {
        /* width: inherit;*/
        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 > li,
.is-style-imagedirect--list-underline > li {
        margin-block-start: 1ex;
        margin-block-end: 1ex;
}

.is-style-imagedirect__list-underline > li::marker,
.is-style-imagedirect--list-underline > li::marker {
        font-weight: 700;
        color: var(--wp--preset--color--primary, currentColor);
}

.is-style-imagedirect__list-underline > li::after,
.is-style-imagedirect--list-underline > li::after {
        content: "";
        display: block;
        margin-block-start: 1ex;
        border-bottom: currentColor dashed 1px;
        opacity: 0.15;
}

/* 
 * Box Shadow
 * ------------------------------ */

.is-style-imagedirect__box-shadow,
.is-style-imagedirect--box-shadow {
        overflow: hidden;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
}

/* 
 * SVG fix
 * @depricated 1.0.8
 * @since 1.0.7
 * ------------------------------ */

/* 
.wp-block-site-logo img[src$=".svg"],
.wp-block-site-logo.is-default-size img[src$=".svg"] {
        width: initial;
} 
*/

.wp-block-site-logo a {
        width: 100%;
}

/* 
 * Wordpress Gallery
 * ------------------------------ */

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

/* 
 * 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;
}

/*
 * Super Block Slider 
 * @ max-width
 * @since 1.0.8
------------------------------ */

@media screen and (max-width: 600px) {
        .superblockslider__slide_inner {
                display: flex;
                flex-direction: column;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: auto;
                width: auto;
                max-width: 100%;
                height: auto;
                min-height: fit-content;
                padding-top: var(--wp--style--block-gap, 1rem);
                padding-left: var(--wp--style--root--padding-left, 1rem);
                padding-right: var(--wp--style--root--padding-right, 1rem);
                padding-bottom: var(--wp--style--block-gap, 1rem);
                overflow: auto;
        }
}

/*
 * Super Block Slider Navigation
 * @since 1.0.8
------------------------------ */
.superblockslider__button__navigation svg {
        transition: all 0.5s;
        width: var(
                --wp--preset--font-size--xx-large,
                clamp(2rem, 2rem + ((1vw - 0.48rem) * 2.346), 3.22rem)
                );
        height: var(
                --wp--preset--font-size--xx-large,
                clamp(2rem, 2rem + ((1vw - 0.48rem) * 2.346), 3.22rem)
                );
}

/*
 * 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;
}