
/* Reset */

*, *::before, *::after { box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* Variables */

:root {
  --wrap-width--large: 1700px;
  --wrap-width--standard: 1440px;
  --wrap-width--small: 1200px;
  --wrap-width--tiny: 800px;
  --bl: 16px;
	--col-gap: 24px;
	--col-gap-huge: 64px;
	--col-gap-large: 40px;
	--col-gap-small: 16px;
}

/* Body */

html {
	overflow-x: hidden;
}

body {
	&.logged-in header .fixed-header,
	&.logged-in header .sticky-header {
		top: 32px;
	}
}

.entry-content,
header,
footer {
	margin: 0;
	padding: 0;
}

.entry-content {
	blockquote {
		margin: 0;
	}

	cite {
		font-style: normal;
	}
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: var(--bl);
}

:where(.wp-site-blocks *:focus) {
	outline-width: 1px;
	outline-color: transparent;
}

/* Blocks */

.apply-shape--true {
	clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}

.apply-shape--true--large {
	clip-path: polygon(100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%, 0 0);
}

.apply-blur--true {
	backdrop-filter: blur(15px);
}

/* Hidden */

@media (max-width: 781px) { .hide-mobile--true { display: none!important; } }
@media (min-width: 782px) and (max-width: 991px) { .hide-tablet--true { display: none!important; } }
@media (min-width: 992px) { .hide-desktop--true { display: none!important; } }

/* Slider */

ul.slick-dots {
	padding: 0;
	margin: 0!important;
	position: absolute;
	bottom: var(--col-gap);
	left: var(--col-gap);
	display: flex;
	gap: var(--bl);
	list-style: none;
	font-size: 0;
}

ul.slick-dots li {
	margin: 0!important;
} 

ul.slick-dots li.slick-active button {
	background-color: var(--wp--preset--color--accent);
}

ul.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	overflow: hidden;
	border-radius: 100%;
	background-color: var(--wp--preset--color--contrast);
	border: none;
	outline: none;
	cursor: pointer;
	transition: all .3s;
}
