/*
Theme Name: Simple
Author: Kinski & Bourke
Author URI: https://kinskiandbourke.com/
Description: Base theme.
Text Domain: simple
Version: 1.9
Last updated: 03/09/22
*/

html {
  scroll-behavior: smooth;
}

html.menu-open,
html.popup-open {
	overflow: hidden;
	height: 100vh;
}

.wp-block-group > *:first-child {
	margin-top: 0;
}

.wp-block-group > *:last-child {
	margin-bottom: 0;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	opacity: 0;
	transition: .5s;
}

body.mce-content-body,
body.editor-styles-wrapper {
	opacity: 1;
}

body#tinymce {
	background-color: #f9f9f9;
}

body * {
	box-sizing: border-box;
}

/* Spacing Presets - must be the same as the presets declared in theme.json */
:root {
	--wp--preset--spacing--20: .75rem;
    --wp--preset--spacing--30: 2rem;
    --wp--preset--spacing--40: 3rem;
    --wp--preset--spacing--50: 4rem;
    --wp--preset--spacing--60: 5rem;
    --wp--preset--spacing--70: 6.5rem;
    --wp--preset--spacing--80: 8rem;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

[class*="wp-block-acf-"] {
	box-sizing: border-box;
}

p.preview-instructions {
    border: 1px solid currentColor;
    border-radius: 2px;
    padding: 2rem;
}

body .material-symbols-outlined {
	font-size: unset;
	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

pre.print_r {
	display: none;
}

body.kandb pre.print_r {
	display: initial;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

/*
 * File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--black);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--white);
	padding: calc(.667em + 3px) calc(1.333em + 3px);
}

/*
 * || BUTTON 
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover,
.gform_button:hover,
:root .wp-block-post-excerpt__more-link:hover {
	opacity: 0.90;
}

:root .wp-block-acf-resources button,
.wp-block-button__link,
:root .wp-block-post-excerpt__more-link {
	position: relative;
	transition: .2s;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
:root .wp-block-post-excerpt__more-link {
	background-color: var(--wp--preset--color--custom-yellow-pollen);
}

/* Simple Style */

.wp-block-button.is-style-simple .wp-block-button__link {
	border-radius: 0 !important;
	border-bottom: 0;
	border-top: 0;
	border-left:  0;
	border-right:  0;
	background-color: transparent !important;
	padding: 0;
}

.wp-block-button.is-style-simple .wp-block-button__link:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 100%;
	background-color: currentColor;
}


/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Simple. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--gap-width);
	padding-right: var(--gap-width);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
/*body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover, */
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--gap-width)) !important;
	margin-right: calc(-1 * var(--gap-width)) !important;
	width: unset;
}

.wp-site-blocks .alignfull .alignfull {
	margin-left: unset !important;
	margin-right: unset !important;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

.block-editor-block-list__block.is-reusable {
	max-width: 100% !important;
}

/* Text Align */

.align-text-left {
	text-align: left;
}
.align-text-center {
	text-align: center;
}
.align-text-right {
	text-align: right;
}

/* Various Fixes */

figure {
	margin-block-start: 0;
    margin-block-end: 0;
}

figure.alignright,
figure.alignleft {
	margin-bottom: 2em;
}

/* || LIST */

/* OL */
.wp-site-blocks ol.is-style-wp-block-list,
.wysiwyg ol,
:root ol[data-type="core/list"],
.wp-block-post-content ol:not([class]):not([class=""]) {
	padding-inline-start: 1em;
}

.wp-site-blocks ol.is-style-wp-block-list li,
.wysiwyg ol li,
:root ol[data-type="core/list"] li,
.wp-block-post-content ol:not([class]):not([class=""]) {
	padding-left: 1.5em;
}

/* LI */

.wp-site-blocks ul.is-style-wp-block-list,
.wysiwyg ul,
:root ul[data-type="core/list"],
nav.has-bullets ul,
.wp-block-post-content ul:not([class]):not([class=""]),
.wp-block-post-content ul.has-small-font-size {
	list-style: none;
	padding-left: 0;
}

:root ul[data-type="core/list"] li,
.wp-site-blocks ul.is-style-wp-block-list li,
nav.has-bullets ul li,
.wysiwyg ul li,
.wp-block-post-content ul:not([class]):not([class=""]) li,
.wp-block-post-content ul[class^="has-"][class$="-font-size"] li {
	padding-inline-start: 0em;
	position: relative;
	padding-left: 2.5em;
}

.wysiwyg ul li::before,
:root .wp-site-blocks ul.is-style-wp-block-list li::before,
:root ul[data-type="core/list"] li::before,
nav.has-bullets ul li::before,
.wp-block-post-content ul:not([class]):not([class=""]) li::before,
.wp-block-post-content ul[class^="has-"][class$="-font-size"] li::before {
    position: absolute;
    left: 0;
    line-height: inherit !important;
}

/* || NAVIGATION */

.wp-block-navigation__responsive-container:not(.has-modal-open) ul.wp-block-navigation__container > li {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-submenu > li {
	font-size: smaller;
	font-weight: initial;
}

.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-submenu > li > a {
	padding: .1em 20px;
}
.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-submenu > li:first-child > a {
	padding-top: 1em;
}
.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-submenu > li:last-child > a {
	padding-bottom: 1em;
}
.wp-block-navigation-item > .wp-block-navigation__submenu-icon {
	transition: .3s;
	opacity: .4;
    transform-origin: center 6px;
}
.wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon,
.wp-block-navigation-item > .wp-block-navigation__submenu-icon[aria-expanded="true"] {
	transform: rotate(180deg);
}

/*body.page-template-wp-custom-template-translucent-header .header-inner,
body.page-template-wp-custom-template-transparent-header header.wp-block-template-part.scrolled .header-inner {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}*/

html:not(.has-modal-open) .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    transition: transform .2s linear, opacity .2s linear;
	transform-origin: center top;
	transform: scale(.95);
}

html:not(.has-modal-open) .wp-block-navigation li.has-child:hover>.wp-block-navigation__submenu-container,
html:not(.has-modal-open) .wp-block-navigation .wp-block-navigation__submenu-icon[aria-expanded="true"] + .wp-block-navigation__submenu-container {
	transform: scale(1);
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	border: 0;
	left: -20px;
}

header .wp-block-navigation__container a {
transition: .2s;
}


/* Mobile Menu */

.wp-block-navigation__responsive-container {
}
.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--gap-width);
	padding-top: 0;
	animation: menu-animation-outer .2s ease-out;
	height: 100vh;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	animation: menu-animation-inner .2s ease-out;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap: 0.4em;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__submenu-container {
	gap: 0.4em;
	margin-top: 0.4em;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
	margin-top: 0;
}

.wp-block-navigation ul,
.wp-block-navigation ul li {
    padding: 0;
}

/* Mobile Submenu */

.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
	display: block;
	width: 1.5em;
	height: 0.8em;
	transform-origin: center 0.45em;
}

.wp-block-navigation__responsive-container.has-modal-open li.has-child {
	flex-direction: row !important;
    flex-wrap: wrap;
}

.wp-block-navigation__responsive-container.has-modal-open li.has-child > .wp-block-navigation-submenu {
	width: 100% !important;
}

.wp-block-navigation__responsive-container.has-modal-open button.wp-block-navigation-submenu__toggle + ul.wp-block-navigation-submenu {
	transition: all .2s;
	min-width: unset;
}

.wp-block-navigation__responsive-container.has-modal-open button.wp-block-navigation-submenu__toggle[aria-expanded="false"] + ul.wp-block-navigation-submenu {
	max-height: 0px;
	opacity: 0 !important;
	pointer-events: none;
	min-width: unset !important;
	margin-top: 0em !important;
}
.wp-block-navigation__responsive-container.has-modal-open button.wp-block-navigation-submenu__toggle[aria-expanded="true"] + ul.wp-block-navigation-submenu {
	max-height: 999px;
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	width: auto;
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon {
	transform: revert;
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation-item > .wp-block-navigation__submenu-icon[aria-expanded="true"] {
    transform: rotate(180deg);
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open a.wp-block-navigation-item__content.current-menu-ancestor + button.wp-block-navigation__submenu-icon {

}

/* */

@keyframes menu-animation-inner {
    0% {
        opacity: 0;
        transform: translateX(-3em)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes menu-animation-outer {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* || LOGO */

.wp-block-site-logo img {
	height: auto;
}

.wp-block-site-logo {
	display: flex;
	align-items: center;
	z-index: 2;
}

/* || IMAGE */

/*.wp-block-image .components-resizable-box__container {
	display: block;
}

[data-type="core/image"] .components-resizable-box__container {
	max-width: 100% !important;
	height: auto !important;
}*/

:root {
	--half-of-wide-size: calc(var(--wp--custom--wide-size) / 2);
}

/* || COVER */

.wp-block-cover {
	padding-top: var(--gap-width);
	padding-bottom: var(--gap-width);
}

.wp-block-cover .wp-block-cover__inner-container {
	max-width: var(--wp--custom--wide-size);
}

/* || COLUMNS */

:root :where(.wp-block-columns.has-background) {
    padding: var(--gap-width);
}

/* || COLUMN */

.wp-block-column.has-background {
    padding: var(--gap-width);
}

.wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-column > *:last-child {
	margin-bottom: 0;
}

/* || MEDIA & TEXT */

.wp-block-media-text .wp-block-media-text__content > *:first-child {margin-top: 0;}
.wp-block-media-text .wp-block-media-text__content > *:last-child {margin-bottom: 0;}

.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
	width: calc(var(--half-of-wide-size) + var(--gap-width));
    max-width: 100%;
    padding-top: var(--spacer-height);
    padding-bottom: var(--spacer-height);
    position: relative;
    left: 100%;
    transform: translateX(calc(-1 * (var(--gap-width) + var(--half-of-wide-size))));
    padding-left: var(--gap-width);
}

.wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content {
	width: calc(var(--half-of-wide-size) + var(--gap-width));
    max-width: 100%;
    padding-top: var(--spacer-height);
    padding-bottom: var(--spacer-height);
    padding-right: var(--gap-width);
}

[data-align="full"] > .wp-block-media-text .wp-block-media-text__content {
    padding-top: var(--spacer-height);
    padding-bottom: var(--spacer-height);
}

@media only screen and (min-width: 1px) and (max-width: 1330px)  {

	.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
		width: unset;
		max-width: unset;
		position: unset;
		left: unset;
		transform: unset;
	}
	
	.wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content {
		width: unset;
		max-width: unset;
	}
}

.wp-block-media-text:not(.is-image-fill) .wp-block-media-text__content {
    padding-top: var(--spacer-height);
    padding-bottom: var(--spacer-height);
}

.wp-block-media-text:not(.is-image-fill):not(.has-media-on-the-right) .wp-block-media-text__content {
	padding-right: 0;
}

.wp-block-media-text:not(.is-image-fill).has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}

.wp-block-media-text:not(.is-image-fill) figure.wp-block-media-text__media {
    align-self: flex-start;
    padding-top: var(--spacer-height);
    padding-bottom: var(--spacer-height);
}

.entry-content.wp-block-post-content > .wp-block-media-text:first-child figure.wp-block-media-text__media {
	padding-top: 0;
    padding-bottom: 0;
}

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

	.wp-block-media-text:not(.is-image-fill) figure.wp-block-media-text__media {
		padding-top: unset;
		padding-bottom: unset;
	}
	
}

/* || GROUP */

.wp-block-group,
.wp-block-cover,
.wp-block-media-text {	
	scroll-margin-top: var(--scroll-margin);
}

.entry-content .wp-block-group.is-style-hidden {
	display: none;
}

.block-editor-block-list__block.wp-block-group.is-style-hidden {
	opacity: .3 !important;
}

/* || DETAILS */

.wp-block-details summary {
	display: flex;
    align-items: center;
	justify-content: space-between;
	list-style: none;
	font-size: larger;
    font-weight: bolder;
}
.wp-block-details summary::-webkit-details-marker {
	display: none
}
.wp-block-details summary.active:after {
	transform: rotate(90deg);
}
details.wp-block-details .content {
	overflow: hidden;
}
details.wp-block-details.open > .content {
	max-height: 999px;
	transition: .3s;

}
details.wp-block-details.closed > .content {
	max-height: 0px;
	transition: .3s;
}

/* Spacing for Repeaters (filters, popups) */

.items-wrap {
	display: grid;
}
.items-wrap.columns-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
.items-wrap.columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.items-wrap.columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.items-wrap.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.items-wrap.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.items-wrap.columns-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* Slider Arrows */

.slider-arrow-prev,
.slider-arrow-next {
	opacity: 0;
	font-size: 4rem;
	width: 20px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: .2s ease;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

.editor-styles-wrapper [class*="slider-arrow-"] {
	z-index: 2;
}

[class*="wp-block-acf-"]:hover .slider-arrow-prev,
[class*="wp-block-acf-"]:hover .slider-arrow-next {
	opacity: 1;
}

.slider-arrow-prev {
    left: -20px;
}
.slider-arrow-next {
    right: -20px;
}

.alignfull > .slider-arrow-prev {
    left: 30px;
}
.alignfull > .slider-arrow-next {
    right: 30px;
}

/* BLOG */

.wp-block-post-excerpt__excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.wp-block-query .wp-block-post-title,
.wp-block-query .wp-block-post-title a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	    margin-top: revert;
}

.wp-block-post-excerpt__more-link {
    text-decoration: none;
}

:root .wp-block-post-template,
:root .wp-block-query-loop {
	display: grid !important;
    gap: var(--gap-width);
}

.wp-block-post-template.columns-1,
.wp-block-query-loop.columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wp-block-post-template.columns-2,
.wp-block-query-loop.columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wp-block-post-template.columns-3,
.wp-block-query-loop.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wp-block-post-template.columns-4,
.wp-block-query-loop.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wp-block-post-template.columns-5,
.wp-block-query-loop.columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wp-block-post-template.is-flex-container.is-flex-container.columns-1>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-1>li,
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li,
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li,
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li,
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
	width: unset;
}

body.archive footer.wp-block-template-part > .wp-block-spacer:first-child,
body.blog footer.wp-block-template-part > .wp-block-spacer:first-child {
    display: none;
}

footer > .wp-block-spacer {
	height: var(--spacer-height) !important;
}

/* Featured Image Size */

/*[data-type="core/post-featured-image"],
.wp-block-post-featured-image img {
	aspect-ratio: var(--aspect-ratio);
	object-fit: cover;
}*/

/* SITE HEADER */

header.wp-block-template-part {
	position: absolute;
    z-index: 4;
    width: calc(100% - (var(--gap-width) * 2));
}

header.wp-block-template-part .header-inner:before,
#site-header a span {
	transition: .3s;
}

body.page-template-wp-custom-template-translucent-header header.wp-block-template-part .header-inner {
	background-color: transparent !important;
}

body.page-template-wp-custom-template-translucent-header header.wp-block-template-part .header-inner:before {
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	opacity: .7;
}

body.page-template-wp-custom-template-transparent-header header.wp-block-template-part .header-inner {
	background-color: transparent !important;
}

body.page-template-wp-custom-template-transparent-header header.wp-block-template-part.scrolled .header-inner {
	background-color: transparent !important;
}

body.page-template-wp-custom-template-transparent-header header.wp-block-template-part .header-inner:before {
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	opacity: 0;
}
body.page-template-wp-custom-template-transparent-header header.wp-block-template-part.scrolled .header-inner:before {
	opacity: .7;
}

/* Misc */

p strong,
li strong,
.wp-block-button__link strong {
	font-weight: var(--bold);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
 position: relative;
 z-index: 1;
}

/* Underline Links */

.wp-block-post-content p a {
    position: relative;
    display: inline-block;
}



footer.wp-block-template-part ul li a,
.wp-block-template-part p a {
	transition: .2s;
}