/*
Theme Name: Simple
Author: Kinski & Bourke
Author URI: https://kinskiandbourke.com/
Description: Base theme.
Text Domain: simple
Version: 1.97
Last updated: 30/04/24
*/

html {
  scroll-behavior: smooth;
}

:root {
	--time: .2s;
}

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

:root :where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

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

.wp-site-blocks {
	overflow-x: hidden;
}

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

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

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

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

:root body input,
:root body select,
:root body textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

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

body .material-symbols {
	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: block;
}

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

/* || BUTTON */

.wp-block-read-more:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-element-button:hover,
.gform_button:hover {
	opacity: 0.90;
}

.wp-block-read-more,
.wp-block-file a,
.wp-element-button {
	position: relative;
	transition: var(--time);
	display: inline-flex;
	align-items: center;
}

/* Simple Button Style */

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

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

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

.wp-block-list,
.wp-block-page-list {
	padding-left: 2em;
	list-style: none !important;
}

.wp-block-list li,
.wp-block-page-list li {
	position: unset;
}

.wp-block-list li::marker,
.wp-block-page-list li::marker {
	content: none;
}

.wp-block-list li::before,
.wp-block-page-list li::before {
	position: absolute;
    left: 0;
    line-height: inherit !important;
}

/* Ordered List */

:root ol.wp-block-list > li::before {
    content: counter(item) ". ";
    counter-increment: item;
}

:root ol.wp-block-list {
    counter-reset: item;
}

:root ol.wp-block-list > li:before {
	font-family: revert;
}

/* Variants */

:root .wp-block-list[style="list-style-type: upper-alpha;"] > li::before,
:root .wp-block-list[style*="list-style-type:upper-alpha"] > li::before {
    content: counter(item, upper-alpha) ". "; /* Add the letter and a dot */
}

:root .wp-block-list[style="list-style-type: lower-alpha;"] > li::before,
:root .wp-block-list[style*="list-style-type:lower-alpha"] > li::before {
    content: counter(item, lower-alpha) ". "; /* Add the letter and a dot */
}

:root .wp-block-list[style="list-style-type: upper-roman;"] > li::before,
:root .wp-block-list[style*="list-style-type:upper-roman"] > li::before {
    content: counter(item, upper-roman) ". "; /* Add the letter and a dot */
}

:root .wp-block-list[style="list-style-type: lower-roman;"] > li::before,
:root .wp-block-list[style*="list-style-type:lower-roman"] > li::before {
    content: counter(item, lower-roman) ". "; /* Add the letter and a dot */
}

/* || HEADER */

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

header.wp-block-template-part .wp-block-site-logo img,
header.wp-block-template-part > .wp-block-group.header-inner {
	transition: var(--time);
}


/* || LOGO */

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

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

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

/* || INVERTED HEADER & LOGO // For use with 'Transparent Header' page template */

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) nav.wp-block-acf-menu {
    --menu-link: var(--inverted-header-color) !important;
	--menu-hover: color-mix(in srgb, var(--inverted-header-color) 80%, transparent) !important;
	--menu-current: color-mix(in srgb, var(--inverted-header-color) 80%, transparent) !important;
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header .wp-block-site-logo img.inverted {
    filter: drop-shadow(0px 600px 0 var(--inverted-header-color));
    transform: translateY(-600px);
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) .wp-block-site-logo img:not(.inverted) {
	opacity: 0;
}

.wp-block-site-logo img.inverted {
	position: absolute;
	left: 0;
	top: 0;
}

header.scrolled .wp-block-site-logo img.inverted {
	opacity: 0;
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) .navigation-container .wp-block-social-links li {
	background-color: transparent !important;
}
body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) .navigation-container .wp-block-social-links li svg {
	fill: var(--inverted-header-color) !important;
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) .wp-block-acf-search button.search-button:not(.full-screen) .material-symbols {
	color: var(--inverted-header-color) !important;
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) .wp-block-acf-search button.search-button:not(.full-screen) {
	background-color: color-mix(in srgb, var(--inverted-header-color) 20%, transparent) !important;
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) button.mobile-navigation-button:not(.active) {
	color: var(--inverted-header-color) !important;
}

body.has-inverted-transparent-header.page-template-wp-custom-template-transparent-header header:not(.scrolled) button.mobile-navigation-button:not(.active) {
	background-color: color-mix(in srgb, var(--inverted-header-color) 10%, transparent) !important;
}

/* || COVER */

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

.wp-block-cover.alignfull {
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}

.wp-block-cover, .wp-block-cover-image {
	min-height: unset;
}

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

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

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

/* || PULLQUOTE */

.wp-block-pullquote {
	text-align: unset;
}

.wp-block-pullquote.has-text-align-center {
	text-align: center;
}

:root :where(.wp-block-pullquote) cite,
:root :where(.wp-block-pullquote) footer,
:root :where(.wp-block-pullquote) .wp-block-pullquote__citation {
	text-transform: unset;
}

:root :where(.wp-block-pullquote) blockquote p:first-child:before {
	content: '“';
}

:root :where(.wp-block-pullquote) blockquote p:last-of-type:after {
	content: '”';
}

/* || 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 .wp-block-media-text__content {
	padding: var(--gap-width);
}

.wp-block-media-text.alignfull .wp-block-media-text__content {
	width: calc(var(--half-of-wide-size) + var(--gap-width));
    max-width: 100%;
}

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

.wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content {
    max-width: 100%;
}

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

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

.wp-block-group-is-layout-grid > figure > div,
.wp-block-group-is-layout-grid > figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* || DETAILS */

.wp-block-details summary {
	display: flex;
    align-items: center;
	justify-content: space-between;
	list-style: none;
}
.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: var(--time);

}
details.wp-block-details.closed > .content {
	max-height: 0px;
	transition: var(--time);
}

/* Gradients */

span[class^="has-custom-"][class$="gradient-background"] {
	-webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

[aria-label*="has-text-gradient-"] span,
[class*="has-text-gradient-"] {
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
}
[class*="has-text-gradient-"] {
	background-image: linear-gradient(79deg, #dedede 0%, #3a3a3a 100%);
}

/* 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: var(--time) 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: 3;
    -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: 1;
    -webkit-box-orient: vertical;
}

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

/* SITE HEADER */


header.wp-block-template-part {
	position: fixed;
    z-index: 4;
    width: 100%;
}

header.wp-block-template-part .header-inner:before,
#site-header a span {
	transition: var(--time);
}

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 {
	opacity: .7;
}


body header.wp-block-template-part .header-inner:before {
    content: '';
    width: 100%; /* Take the full width of the parent */
    height: 100%; /* Ensure it takes the full height */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* Ensure it goes behind the header content */
}


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 {

	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-element-button strong {
	font-weight: var(--bold);
}

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

.wp-block-post-featured-image img {
    height: 100%;
    object-fit: cover;
}

/* Links */

footer li a,
footer p a,
.wp-block-post-content li a,
.wp-block-post-content p a {
	transition: var(--time);
}

.wp-block-post-content li a:not(.wp-element-button):not(.wp-block-social-link-anchor):not(.navigation-link),
.wp-block-post-content p a {
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}

.wp-block-post-content li a:not(.wp-element-button):not(.wp-block-social-link-anchor):not(.navigation-link):hover,
.wp-block-post-content p a:hover {
	border-bottom: 1px solid color-mix(in srgb, currentColor 60%, transparent);
}

/* / Links */

.is-full-height {
	height: 100vh;
}