/*
Theme Name: PEIBWA
Theme URI: https://lakedesign.co
Author: Lake Design
Author URI: https://lakedesign.co
Description: Custom WordPress theme for PEI Business Woman's Association
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: peibwa
Tags: custom, block-theme, gutenberg
*/

/*
Font faces and brand CSS variables live in assets/css/tokens.css
(loaded before this file, and also on the Lake Builder canvas).
*/

/* 
=======================
Base Styles
=======================
*/

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: var(--font-primary);
	font-size: var(--font-size-base);
	line-height: 1.6;
	color: var(--color-black);
	background-color: var(--color-background);
	padding: 0;
	font-weight: 400;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-secondary);
	color: #414140;
	margin-bottom: var(--spacing-sm);
	font-weight: 500;
}

a {
	color: var(--color-primary);
	text-decoration: none;
	transition: color var(--transition-speed);
}

strong {
	font-weight: bold;
}

/* a:not(.wp-element-button):hover {
	color: var(--color-primary-dark);
} */

/* 
=======================
Layout Utilities
=======================
*/

.container {
	/* Full width with computed gutters (same formula as the Lake sections'
	   7% padding + centered max-width) so content lines up site-wide and
	   never touches the screen edge on small viewports. */
	max-width: none;
	margin: 0 auto;
	padding-left: max(7%, calc((100% - var(--max-width)) / 2));
	padding-right: max(7%, calc((100% - var(--max-width)) / 2));
	overflow: visible;
}

.site-footer {
	padding: var(--spacing-lg) 0;
}

.site-main {
	min-height: 60vh;
}

.w-100, .w-100 img {
	width: 100% !important;
}

.icon {
    width: 50px;
    height: 50px;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

/* 
=======================
WordPress Core Styles
=======================
*/

.alignleft {
	float: left;
	margin-right: var(--spacing-md);
	margin-bottom: var(--spacing-sm);
}

.alignright {
	float: right;
	margin-left: var(--spacing-md);
	margin-bottom: var(--spacing-sm);
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-size: var(--font-size-sm);
	color: var(--color-gray-600);
	margin-top: var(--spacing-xs);
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--color-gray-100);
	border-radius: var(--border-radius);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: var(--color-primary);
	display: block;
	font-size: var(--font-size-sm);
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}