/*
 Theme Name:   Smiles Peru
 Theme URI:    https://smilesperu.com/
 Description:  OGAL Web Design GeneratePress child theme
 Author:       Kyle Van Deusen
 Author URI:   https://ogalweb.com
 Template:     generatepress
 Version:      0.1
*/

/* ==========================================================================
   TABLE OF CONTENTS
   --------------------------------------------------------------------------
   1. Base Elements
   2. Layout & Containers
   3. Typography — Blockquotes
   4. Blocks — Embeds
   5. Buttons — Hover & Focus States
   ========================================================================== */


/* ==========================================================================
   1. BASE ELEMENTS
   ========================================================================== */

/* Keep images from overflowing their container */
img {
	max-width: 100%;
}


/* ==========================================================================
   2. LAYOUT & CONTAINERS
   ========================================================================== */

/* Default grid container spans full width */
.grid-container {
	width: 100%;
}

/* Site header: full-bleed background with a constrained inner wrapper.
   Padding shrinks on mobile so the logo/nav don't crowd the edges. */
.site-header.grid-container {
	width: 100%;
	max-width: 100%;
	padding-inline: 24px;

	@media (max-width: 768px) {
		padding-inline: 16px;
	}

	/* Inner wrapper — matches the site's content width */
	.inside-header {
		max-width: 1280px;
		margin-inline: auto;
	}
}


/* ==========================================================================
   3. TYPOGRAPHY — BLOCKQUOTES
   ========================================================================== */

/* Strips the theme's default left border/indent in favor of a
   type-driven pull-quote treatment. */
blockquote {
	margin-block: 2rem;
	border-left: 0 !important;
	padding-left: 0 !important;

	/* Quote text — display face, larger scale */
	& p {
		font-family: 'Aglatia';
		font-size: 1.5rem;
		font-style: normal;
		color: var(--contrast);
	}

	/* Attribution line — small, uppercase, non-italic */
	& cite {
		font-style: normal;
		font-size: .875rem;
		margin-top: 1rem;
		text-transform: uppercase;
	}
}


/* ==========================================================================
   4. BLOCKS — EMBEDS
   ========================================================================== */

/* Center captions under embedded video blocks */
.wp-block-embed.is-type-video figcaption {
	text-align: center;
	font-size: 1rem;
}


/* ==========================================================================
   5. BUTTONS — HOVER & FOCUS STATES
   ========================================================================== */

/* Covers theme buttons, native input buttons, and core block buttons
   (block buttons only when no background color is set in the editor). */
button:hover,
button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
a.button:hover,
a.button:focus,
a.wp-block-button__link:not(.has-background):hover,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):active {
	background-color: transparent;
}
}