/*
Theme Name: Sinnett Photography
Theme URI: 
Author: Abstract Marketing
Author URI: 
Description: A custom theme developed for Tanya Sinnett Photography
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sinnett-photography
Tags: full-site-editing
*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

img:not([class]), iframe {
	display: block;
}

:is(input:not(:is([type="button"], [type="submit"])), select, textarea) {
	background-color: var(--wp--preset--color--base);
	border: 1px solid #bbb;
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	line-height: 1.65;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	width: 100%;
}

:is(input:focus, textarea:focus, select:focus) {
	outline: 2px solid var(--wp--preset--color--primary);
}

:is(input[type="checkbox"], input[type="image"], input[type="radio"]) {
	width: auto;
}

textarea {
	height: 150px;
}

footer textarea {
	height: 90px;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	opacity: 0.5;
}

progress {
	background: var(--wp--preset--color--primary);
}
progress::-webkit-progress-bar {
	background: #fff;
}
progress::-webkit-progress-value {
	background: var(--wp--preset--color--primary);
}
progress::-moz-progress-bar {
	background: #fff;
}



/*
Entry Content
*/

.entry-content {
	container-type: inline-size;
}

.entry-content :is(.alignleft, .alignright) {
	margin-block-end: 1em;
}

.entry-content :is(.alignleft, .alignright):first-child + * {
	margin-top: 0;
}

@container (width < 600px) {
	.entry-content .wp-block-image:is(.alignright, .alignleft) {
		float: none !important;
		margin: 0 0 1.5rem;
		width: 100%;
		text-align: center;
	}

	.entry-content .wp-block-image:is(.alignright, .alignleft) img {
		max-height: 400px;
		width: auto !important;
		display: inline-block !important;
	}
}

.gallery-images {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

@media (min-width: 600px) {
	.gallery-images {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 850px) {
	.gallery-images {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.gallery-images br {
	display: none;
}

.gallery-images img {
	width: 100%;
	height: auto;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 5px;
}

.entry-content a:has(img.aligncenter.size-full) {
	display: block;
	text-align: center;
}

.price-column ul {
	list-style: none;
	text-align: center;
	padding: 0 !important;
	line-height: 1.2;
	font-size: .8rem;
}

.price-column li {
	padding: 12px;
}

.price-column li + li {
	border-top: 1px solid #ddd;
}


.home .wp-block-image,
.home .wp-block-image img {
	height: 100% !important;
	width: auto !important;
}

.home-carousel {
    overflow: hidden;
}

.home-carousel .splide__arrow {
	background: #fff;
	height: 90px !important;
	width: 90px !important;
}

.splide__arrow {
	opacity: 1 !important;
	transition: all .5s ease !important;
}

.splide__arrow svg {
	width: 14px !important;
}

.home-carousel .splide__arrow--prev:hover {
	transform: translateY(-50%) translateX(5px)
}

.home-carousel .splide__arrow--next:hover {
	transform: translateY(-50%) translateX(-5px)
}

.splide__arrow--prev {
	left: -45px !important;
	padding-left: 30px !important;
}

.splide__arrow--next {
	right: -45px !important;
	padding-right: 30px !important;
}

.home-carousel .splide__pagination {
	background: #f1f1f1;
	max-width: 1130px;
	margin-inline: auto;
	display: flex !important;
	gap: 0;
}

.home-carousel .splide__pagination li {
	flex: 1;
	margin: 0;
	padding: 0;
}

.home-carousel .splide__pagination__page {
	background: transparent;
	width: 100% !important;
	transform: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 4px !important;
}

.home-carousel .splide__pagination__page.is-active {
	background: var(--wp--preset--color--primary-2);
}

li:has(> .menu-logo) {
	display: none;
}

.is-menu-open li:has(> .menu-logo) {
	display: none !important;
}

@media (max-width: 991px) {
	.site-header__main {
		padding-inline: 24px;
		justify-content: space-between !important;
	}
}

@media (min-width: 992px) {
	.nav-logo {
		display: none;
	}

	li:has(> .menu-logo) {
		display: block;
	}
}

.wp-block-separator {
	border-color: transparent;
	position: relative;
	background: transparent !important;
	overflow: visible;
	height: 16px;
	transform: translateY(50%);
}

.wp-block-separator::before {
	content: '';
	top: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(calc(-50% - .5px));
	background: linear-gradient(to right, #0000, #ddd, #0000);
	width: 100%;
	display: block;
	height: 1px;
}

.wp-block-separator::after {
	content: '';
	top: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(calc(-50% - .5px));
	background-color: var(--wp--preset--color--primary) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	border-radius: 100px;
	width: 24px;
	display: block;
	height: 24px;
}

.wpcf7-spinner {
  position: absolute;
}

.home-carousel .wp-block-image {
    max-width: 1000px;
    height: 100%;
}

.home-carousel .wp-block-image a {
    display: block;
}
.home-carousel .wp-block-image a,
.home-carousel .wp-block-image,
.home-carousel .wp-block-image img {
    height: 100% !important;
}

.wp-block-cloudcatch-splide-carousel-item {
    height: 100%;
}

.home-carousel .splide__pagination {
    bottom: 0;
    width: 100%;
    max-width: 100%;
}