/*
Theme Name: Photo Nook
Theme URI: https://thethemenook.com/free-themes/photo-nook/
Author: The Theme Nook
Author URI: https://thethemenook.com
Description: Photo Nook is a modern WordPress block theme built for wedding photographers and photography studios. Designed for wedding photography portfolios, engagement and elopement photography, as well as portrait, family, and lifestyle photographers, it gives you a fast, professional website without the hassle of a separate page builder. Clean typography, soft color palettes, and image-first layouts keep the focus on your photography rather than the interface. Because everything is built with native WordPress blocks, editing pages, adding sections, or rearranging your homepage takes minutes in the Site Editor — no shortcodes, bloated plugin stack, or separate builder to learn. Built-in photography portfolio layouts showcase your galleries, while dedicated pricing package sections and client testimonial areas help turn browsing visitors into booked clients. Whether you’re a wedding photographer showcasing full wedding galleries, an elopement photographer sharing intimate celebrations, or a portrait photographer building a studio website, Photo Nook provides layouts designed around photography rather than a generic business template.
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: photo-nook
Tags: one-column, two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, photography

/* Set default line height for font size presets. */

.has-xx-large-font-size,
.has-xxx-large-font-size {
	line-height: 1;
}

/* Add a transition state for buttons. */
button {    
  background-color: var(--wp--preset--color--theme-2);
  border-radius: 0;
  border-width: 0;
  color: var(--wp--preset--color--theme-1);
  font-family: var(--wp--preset--font-family--red-hat-display);
  font-size: var(--wp--preset--font-size--custom-1);
  font-style: inherit;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: inherit;
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  text-decoration: none;
  text-transform: uppercase;
}

button,
.wp-element-button {
    transition: border, background-color, color, box-shadow, opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    backdrop-filter: blur(30px);
}

/* Fields */

label,
.jetpack-field-label .rich-text.jetpack-field-label__input,
.contact-form .grunion-checkbox-multiple-options legend, 
.contact-form .grunion-radio-options legend,
.wp-block-jetpack-contact-form-container .wp-block-jetpack-contact-form label {
    display: inline-block;
    font-size: var(--wp--preset--font-size--small);
    margin-bottom: 0.25em;
    font-weight: inherit;
}

textarea,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]),
.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.jetpack-contact-form .jetpack-field .jetpack-field__input,
.jetpack-contact-form .jetpack-field .jetpack-field__textarea {
    backdrop-filter: saturate(1.075);
    background-color: transparent;
    border-color: currentColor;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: currentColor;
    filter: brightness(1.05);
    font-size: var(--wp--preset--font-size--small);
    font-weight: inherit;
    line-height: 1.5;
    /* min-height: 42px; */
    padding: 0.8rem 1rem;
    width: 100%;
}

textarea:focus,
input:not([type=submit]):focus,
.wp-block-post-comments-form textarea:focus,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
    outline: 1px solid currentColor;
}

textarea::placeholder,
.input::placeholder,
.wp-block-jetpack-subscriptions__form .components-base-control__field input::placeholder {
    color: color-mix(in srgb, currentColor 60%, transparent);
}

/* Styling for hero areas. */
.header-cover .wp-block-template-part {
    max-width: none;
}

.header-cover .wp-block-template-part > .wp-block-group {
    padding-left: 0;
    padding-right: 0;
}

/* Cover block styles */
.wp-block-cover[class*="is-style-section"]:not(.is-style-default) .wp-block-cover__image-background {
    opacity: 0.25;
}

.wp-block-cover[class*="is-style-section"]:not(.is-style-default) .wp-block-cover__background {
    opacity: 0;
}

:root :where(.wp-block-cover.is-light){
    color: var(--wp--preset--color--theme-5, #000);
}

.wp-block-cover[class*="is-style-section"]:not(.is-style-default) .wp-block-cover__background {
    opacity: 0;
}

/* Make sure footers have no margin. */
footer {
	margin-top: 0 !important;
}

/* Social Links: Better default color. */

.wp-block-social-links.is-style-logos-only li.wp-social-link {
	color: currentcolor;
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	height: 1em;
	width: 1em;
}

.wp-block-social-links.has-small-icon-size {
	font-size: 20px;
}

/* Navigation: Remove row gap to improve wrapping behavior */
.wp-block-navigation__container {
    row-gap: 0;
}

/* Move header core/navigation to the right on mobile. */

.order-0 {
	order: 0;
}

.order-1 {
	order: 1;
}

.grow-0 {
	flex-grow: 0;
}

.grow {
	flex-grow: 1;
}

@media (min-width: 600px) {

	.md\:order-0 {
		order: 0;
	}

	.md\:order-1 {
		order: 1;
	}

	.md\:grow-0 {
		flex-grow: 0;
	}

	.md\:grow {
		flex-grow: 1;
	}

}

.overflow-hidden {
	overflow: hidden;
}

/* Utility class for wide and full images with aspect ratios, as core does not support this yet. */
.aspect-16\/9 {
	aspect-ratio: 16/9;
}

.aspect-16\/9 img,
.aspect-16\/9 .components-placeholder {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Ensure cropping works. */
.aspect-16\/9 .wp-block-image__crop-area,
.aspect-16\/9 .wp-block-image__crop-area img {
	aspect-ratio: unset;
}

@media (max-width: 768px) {

    .footer-col2 .wp-block-social-links {
        justify-content: left;
    }

    .footer-col3 p {
        text-align: left !important;
    }

}

/* Style the comments reply title */
.wp-block-post-comments-form .comment-reply-title {
    font-family: var(--wp--preset--font-family--red-hat-text), sans-serif !important;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.wp-block-post-navigation-link .post-navigation-link__label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.post-navigation-link-next .post-navigation-link__label {
    text-align: right;
}

.wp-block-post-navigation-link .post-navigation-link__title {
    font-family: var(--wp--preset--font-family--libre-caslon-display), serif !important;
    font-size: var(--wp--preset--font-size--medium);
}

.wp-block-post-navigation-link a {
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}