/*!
Theme Name: LMC
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lmc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

LMC is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* =================================================================
   Blog grid — agency / portfolio layout
   Reshapes a WordPress Query Loop (.wp-block-post-template) into:
   - 1st post = full-width HERO (image left / text right)
   - remaining posts = 2-up CARDS (image top / text below)
   Paste into Appearance > Customize > Additional CSS (or your
   block theme's Styles > Additional CSS).
   ================================================================= */
section.related.products {
	clear:both !important;
}
/* ---- Tunable tokens: change these and everything follows ---- */
.wp-block-post-template {
  --accent: #003057;   /* category labels (terracotta) */
  --link:   #2a7b78;   /* "Read the Story" links (teal) */
  --title:  #1a1a1a;   /* headline text */
  --body:   #555555;   /* excerpt text */
  --card:   #ffffff;   /* card background */
  --gap:    32px;      /* space between cards */
  --pad:    32px;      /* inner padding of card text */
  --serif:  IBM Plex Serif, "Times New Roman", serif;  /* swap for your display serif */
}

/* ---- The list becomes a 2-column grid of white cards ---- */
.wp-block-post-template {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}

.wp-block-post-template > .wp-block-post {
  margin: 0;
  display: flex;
  flex-direction: column;
  background: var(--card);
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* Hide the separators between posts */
.wp-block-post-template .wp-block-separator { display: none; }

/* ---- Featured image ---- */
.wp-block-post-template .wp-block-post-featured-image {
  margin: 0;
  aspect-ratio: 16 / 11;
  overflow: hidden;
}
.wp-block-post-template .wp-block-post-featured-image a,
.wp-block-post-template .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: 100%;
}
.wp-block-post-template .wp-block-post-featured-image img {
  object-fit: cover;
  transition: transform 0.5s ease;
}
.wp-block-post-template > .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.04);
}

/* ---- Category label ---- */
.wp-block-post-template .taxonomy-category { padding: var(--pad) var(--pad) 0; }
.wp-block-post-template .taxonomy-category a {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
  font-weight: 700;
  text-decoration: none;
}

/* ---- Title (serif) ---- */
.wp-block-post-template .wp-block-post-title {
  margin: 0;
  padding: 10px var(--pad) 0;
  font-family: var(--serif);
  font-size: 1.6rem;
  line-height: 1.15;
  font-weight: 700;
}
.wp-block-post-template .wp-block-post-title a {
  color: var(--title);
  text-decoration: none;
}
.wp-block-post-template .wp-block-post-title a:hover { color: var(--accent); }

/* ---- Excerpt + faux "Read the Story" link ---- */
.wp-block-post-template .wp-block-post-excerpt {
  margin: 0;
  padding: 12px var(--pad) var(--pad);
}
.wp-block-post-template .wp-block-post-excerpt__excerpt {
  margin: 0;
  color: var(--body);
  font-size: 0.98rem;
  line-height: 1.55;
}
.wp-block-post-template .wp-block-post-excerpt::after {
  content: "Read the Story \2192";
  display: block;
  margin-top: 16px;
  color: var(--link);
  font-weight: 600;
  font-size: 0.9rem;
}

/* =================================================================
   FIRST POST = full-width hero (image | text)
   ================================================================= */
.wp-block-post-template > .wp-block-post:first-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  grid-template-rows: 1fr auto auto auto 1fr; /* 1fr rows center the text */
  min-height: 400px;
}
.wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image {
  grid-column: 1;
  grid-row: 1 / -1;
  height: 100%;
  aspect-ratio: auto;
}
.wp-block-post-template > .wp-block-post:first-child .taxonomy-category {
  grid-column: 2;
  grid-row: 2;
  padding: 0 56px 0 48px;
}
.wp-block-post-template > .wp-block-post:first-child .wp-block-post-title {
  grid-column: 2;
  grid-row: 3;
  padding: 12px 56px 0 48px;
  font-size: 2rem;
}
.wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt {
  grid-column: 2;
  grid-row: 4;
  padding: 14px 56px 0 48px;
}

.wp-block-post-template > .wp-block-post:first-child .taxonomy-category {
	padding-top:12px;
}

.wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt::after {
	padding-bottom:12px;
}
/* =================================================================
   Mobile: everything stacks to a single column
   ================================================================= */
@media (max-width: 781px) {
  .wp-block-post-template { grid-template-columns: 1fr; }

  .wp-block-post-template > .wp-block-post:first-child {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    min-height: 0;
  }
  .wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image {
    grid-row: auto;
    grid-column: 1;
    height: auto;
    aspect-ratio: 16 / 11;
  }
  .wp-block-post-template > .wp-block-post:first-child .taxonomy-category,
  .wp-block-post-template > .wp-block-post:first-child .wp-block-post-title,
  .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt {
    grid-row: auto;
    grid-column: 1;
    padding-left: var(--pad);
    padding-right: var(--pad);
  }
  .wp-block-post-template > .wp-block-post:first-child .taxonomy-category { padding-top: 24px; }
  .wp-block-post-template > .wp-block-post:first-child .wp-block-post-title { font-size: 1.8rem; }
  .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt { padding-bottom: var(--pad); }
}

/* ACCESSIBLITY */
.offscreen {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip-path: inset(1px 1px 1px 1px);
	clip-path: inset(1px, 1px, 1px, 1px);
}

.skip-to-content.offscreen:focus {
	position: relative;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 0.625em 1.25em;
	background-color: #002e5e;
	color: #fff;
	overflow: visible;
	clip-path: none;
	text-decoration: none;
}

html {
	font-size: 18px;
		overflow-x: hidden !important;

}

body {
	width: 100%;
	overflow-x: hidden !important;
}
.wp-block-columns {
	gap:4rem;
}

/* TYPOGRAPHY */
.box-shadow img {
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
h1, h2, h3, h4, h5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  margin-bottom:1.5rem;
}
p, li, a {
		font-family: "Plus Jakarta Sans", sans-serif;
}

a.wrapper-link {
	text-decoration: none;
	height: 100%;
}



.light {
	font-weight: 300 !important;
}
.h-auto {
	min-height: auto !important;
}
.bold {
	font-weight: 700 !important;
}
strong {
	font-weight: 600 !important;
}

.centered {
	text-align: center;
}
.white {
	color: white;
	z-index: 1000;
}
.no-bullets {
	list-style: none;
	padding-left: 0;
}

.site-main {
	min-height: 80vh;
}
.site-branding img {
	width:400px !important;

}
.grid-column {
	gap:12px;
}
.grid-column .wp-block-column {
	padding:2rem 1.25rem;
	border:1px solid #cccccc;
}
label {
	width: 100%;
}
img {
	height:auto;
	max-width:100%;
}
.site-header {
	display: flex;
	justify-content: space-between;
	max-width:1400px;
	margin:0 auto;
	padding-top:16px;
	padding-bottom:16px;
	align-items:center;
}
.site-header h1 {
	color:#003057;
	margin-bottom:0;
	border:3px solid #003057;
	padding:3px;
	letter-spacing:6px;
}
/* GUTENBERG EDITOR COLORS */

.has-blue-background-color, .single_add_to_cart_button {
	background-color:#003058 !important;
}
div.woocommerce, div.wp-block-woocommerce-cart, div.wp-block-woocommerce-checkout{
	max-width:1200px;
	margin: 0 auto !important;
}
.site-footer #menu-menu-1 {
	display: flex;
	flex-wrap:wrap;
}
.site-footer #menu-menu-1 li {
	margin-right:16px;
}
.has-blue-color, bdi, a {
	color:#003058;
}

.has-light-blue-color {
	color:#A5B8C2;
}
.has-light-blue-background-color {
	background-color:#A5B8C2;
}

.has-beige-color {
	color:#A69D93;
}
.has-beige-background-color {
	background-color:#A69D93;
}

/* NAVIGATION */
.site-header {
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index: 1000;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.site-branding img {
	width: 150px;
	height: auto;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}


.fixed-header.sticky-header {
	background: rgba(255,255,255,.9);
	top: 0;
}
.fixed-header {
	width: 100%;
}

/* FOOTER */
.site-footer {
	min-height: 100px;
	position: relative;
	background-color:#2e4251;
}
.site-footer h3, .site-footer a, .site-footer p, .site-footer li {
	color: #dddddd;
	font-weight: 400;
}
.site-footer h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.site-footer li {
	margin-bottom: .5rem;

}
.site-footer ul {
	list-style: none;
	padding-left:0;
	text-align: center;
}
.site-footer a {
	color:#A5B8C2;
}

@media only screen and (max-width: 768px) {
	html {
		font-size: 15px;
	}
}

@media only screen and (max-width: 480px) {
	html {
		font-size: 14px;
	}
}