/*
Name: Block Theme Styles
URI: https://irvinecompany.com
Author: Jeremy Schuler
URI: https://irvinecompany.com
*/

/*----------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
Last Updated 
04.14.2025 - Schuler 
------------------------------------------------------------------------------
1.0 # Typography 
2.0 # Content 
3.0 # Media Queries 
------------------------------------------------------------------------------ */

/*  ==========================================================================
	1.0 # Typography
	========================================================================== */

/* Body Text */
body { font-family: 'Montserrat', sans-serif;
    font-size: 1.25rem; /* 20px */
    font-weight: 400; line-height: 1.5;
}

/* Readability Constraints */
p {
    /* max-width: 65ch; Keeps paragraphs readable 60-75 characters per line */
    margin-bottom: 1rem; 
}

.page-template-template-block h1,
.page-template-template-block h2,
.page-template-template-block h3,
.page-template-template-block h4,
.page-template-template-block h5,
.page-template-template-block h6 {
    text-transform: unset; font-weight: 600;
}

.page-template-template-block .subheading { 
    font-size: 1.5rem; font-weight: 700; 
    line-height: 1.2; letter-spacing: -1px; 
}

.page-template-template-block button,
.page-template-template-block a.wp-block-button__link { 
    font-size: .9375rem; font-weight: 500; line-height: 1; 
}

.page-template-template-block .stmp-button-primary a.wp-block-button__link,
.page-template-template-block .stmp-button-secondary a.wp-block-button__link { 
    font-size: .75rem; font-weight: 600; letter-spacing: .125em;
}

/*  ==========================================================================
	2.0 # Content
    - Controls overall block structure & alignments
    - Ensures consistency with WordPress block styles
	========================================================================== */

/* General block alignment styles */
.wp-block.alignwide,  
.wp-block-group.alignwide,
.wp-block-columns.alignwide,
.wp-block.alignfull .wp-block-group.alignwide,
.wp-block.alignfull .wp-block-group.alignwide > * {
    max-width: 90rem; margin-right: auto; margin-left: auto;
}

.wp-block.alignfull .wp-block-group,
.wp-block.alignfull .wp-block-columns { 
    width: unset; 
}

.wp-block-group,
.wp-block-columns,
.wp-block.alignfull .wp-block-group,
.wp-block.alignfull .wp-block-columns {
    max-width: 73.75rem; margin-right: auto; margin-left: auto;
}

.wp-block.alignfull,
.wp-block-group.alignfull,
.wp-block-columns.alignfull {
    max-width: 100vw; width: 100%;
}

.block-editor-block-list__layout.is-root-container > .alignfull {
    max-width: 100%;
}

/* Container Defaults */
.container { max-width: 73.75rem; margin-inline: auto; padding: 0 2rem; }

/* Full-width background sections */
.full-width-section { width: 100%; max-width: 100vw; margin-inline: auto; }

.row { display: flex; flex-wrap: wrap; gap: 1rem; }

/* Buttons */
.page-template-template-block .stmp-button-primary.is-style-fill a.wp-block-button__link,
.page-template-template-block .stmp-button-primary.is-style-outline a.wp-block-button__link,
.page-template-template-block .stmp-button-secondary.is-style-fill a.wp-block-button__link,
.page-template-template-block .stmp-button-secondary.is-style-outline a.wp-block-button__link { 
    padding: 1.05em 2.5em; border: 2px solid;
}
.page-template-template-block .stmp-button-primary.is-style-fill a.wp-block-button__link:hover {
    background-color: #fff!important; color: #7f60be!important;
}
.page-template-template-block .stmp-button-primary.is-style-outline a.wp-block-button__link:hover {
    background-color: #7f60be!important; color: #fff!important;
}
.page-template-template-block .stmp-button-secondary.is-style-fill a.wp-block-button__link:hover {
    background-color: transparent!important; color: #111!important;
}
.page-template-template-block .stmp-button-secondary.is-style-outline a.wp-block-button__link:hover {
    background-color: #111!important; color: #fff!important;
}

/* Blocks */
.page-template-template-block .wp-block-separator { height: 1px!important; }
.page-template-template-block .wp-block-separator.alignwidth { width: 75%; margin-inline: auto; }
.page-template-template-block .wp-block-separator.alignfull { width: 100%; margin-inline: auto; }

/* Helper Classes */
.page-template-template-block .wp-block-group.max-width-800 { max-width: 800px; margin-inline: auto; }

.text-decoration-none,
.text-decoration-none a { 
    text-decoration: none; 
}

/*  ==========================================================================
	3.0 # Media Queries
	========================================================================== */

/* Responsive Design */
@media (max-width: 1000px) {
}

@media (max-width: 600px) {
}