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

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

/*
 * Search and 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-search__button,
.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-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover,
.gform_button:hover {
	opacity: 0.90;
}

.wp-block-button__link {
	position: relative;
	transition: .2s;
	display: inline-flex;
	align-items: center;
}

/* 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(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.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(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !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;
}

/* Apply negative margin to first-child and last-child alignfull blocks */

/*body:not(.page-template-transparent-header) .wp-block-post-content > .alignfull:first-child {
	margin-top: calc(-1 * var(--spacer-height));
}*/

.wp-block-post-content > .alignfull:last-child {
	margin-bottom: calc(-1 * var(--spacer-height));
}

/* 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"] {
	padding-inline-start: 1em;
}

.wp-site-blocks ol.is-style-wp-block-list li,
.wysiwyg ol li,
:root ol[data-type="core/list"] li {
	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 {
	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 {
	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 {
    position: absolute;
    left: 0;
    line-height: inherit !important;
}

/* || 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(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--outer);
}

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

/* || COLUMNS */

:root .wp-block-columns {
    gap: var(--gap-width) !important;
}

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

/* || COLUMN */

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

.wp-block-column.is-style-offset-from-bottom {
	margin-top: calc(-1* (var(--spacer-height) + var(--gap-width)));
}
.wp-block-column.is-style-offset-from-top {
	margin-bottom: calc(-1* (var(--spacer-height) + 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(--wp--custom--spacing--outer));
    max-width: 100%;
    padding-top: var(--spacer-height);
    padding-bottom: var(--spacer-height);
    position: relative;
    left: 100%;
    transform: translateX(calc(-1 * (var(--wp--custom--spacing--outer) + var(--half-of-wide-size))));
    padding-left: var(--wp--custom--spacing--outer);
}

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

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

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

.items-wrap {
	display: grid;
}
.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: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: .2s ease;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    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: -40px;
}
.slider-arrow-next {
    right: -40px;
}

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

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

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

#site-header a span {
	transition: .3s;
}

/* Transparent Header */

#site-header {
    width: 100% !important;
    z-index: 3;
}

body.page-template-transparent-header header > .wp-block-group {
    background-color: transparent !important;
	-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

div#site-header .primary-menu {
	position: relative;
	z-index: 1;
}

body.page-template-transparent-header div#site-header:before {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: .85;
}

/* Clear Header */

body.page-template-clear-header header #site-header {
    background-color: transparent !important;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
}

body.page-template-clear-header header #site-header.scrolled {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

body.page-template-clear-header div#site-header:before {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
	transition: .25s;
}

body.page-template-clear-header div#site-header.scrolled:before {
    opacity: .85;
}

/* Misc */

p strong,
li strong,
.wp-block-button__link strong {
	font-weight: 500;
}

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