/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.7
Tested up to: 7.1
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
body{
	background-color: #FAF9F6 !important;
}
.dz-minimal-home {
    min-height: calc(100vh - 160px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 40px;
    background-color: #FAF9F6;
    box-sizing: border-box;
}

.dz-studio-header {
    text-align: center;
    width: 100%;
}

.dz-studio-title {
    font-family: 'Italiana', Georgia, serif;
    font-size: 28px;
    font-weight: 400;
    color: #111111;
    letter-spacing: 0.05em;
    margin: 0;
}

.dz-studio-title span {
    font-style: italic;
}

.dz-studio-nav {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 400px;
    margin: auto 0 auto 8vw;
}

.dz-nav-item {
    display: flex;
    align-items: center;
    gap: 24px;
    text-decoration: none;
    color: #111111;
    transition: opacity 0.3s ease;
}

.dz-studio-nav:hover .dz-nav-item:not(:hover) {
    opacity: 0.35;
}

.dz-nav-num {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #666666;
    width: 28px;
}

.dz-nav-text {
    font-family: 'Italiana', Georgia, serif;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: transform 0.3s ease;
}

.dz-nav-item:hover .dz-nav-text {
    transform: translateX(10px);
}

.dz-studio-footer {
    text-align: center;
    width: 100%;
	background-color: #FAF9F6;
}

.dz-studio-email {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: #111111;
    text-decoration: none;
}

@media (max-width: 768px) {
    .dz-minimal-home {
        padding: 40px 20px;
    }
    .dz-studio-nav {
        margin: auto 0;
        padding-left: 10px;
    }
}
header#masthead {
    background: #FAF9F6;
}
