/*!
Theme Name: Howsick Themes
Description: A minimalist block theme with design tokens as CSS custom properties.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: howsick-themes
Tags: custom-colors, custom-typography, block-patterns, block-styles, full-site-editing
*/

@font-face{
  font-family:"Tenor Sans";
  src:url("assets/fonts/TenorSans-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-Italic.woff2") format("woff2");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-MediumItalic.woff2") format("woff2");
  font-weight:500;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-SemiBold.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-SemiBoldItalic.woff2") format("woff2");
  font-weight:600;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Lora";
  src:url("assets/fonts/Lora-BoldItalic.woff2") format("woff2");
  font-weight:700;
  font-style:italic;
  font-display:swap;
}

*,
*::before,
*::after{
	box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  overflow-x:clip;
}

body{
  margin:0;
  background-color:var(--wp--preset--color--warm-ivory);
  color:var(--wp--preset--color--dark-mud);
  font-family:var(--wp--preset--font-family--lora);
  font-size:var(--wp--preset--font-size--lg);
  line-height:var(--wp--custom--line-height--relaxed);
  letter-spacing:var(--wp--custom--letter-spacing--normal);
  min-height:100svh;
}

header + section{
  margin-top:0;
}

header + .wp-block-howsick-stage,
header + .wp-block-post-content{
  margin-top:var(--wp--custom--header--height, 108px) !important;
}

.wp-site-blocks .wp-block-post-content{
  min-height:calc(100svh - var(--wp--custom--header--height, 108px));
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto;
  }
}

h1, h2, h3, h4, h5, h6{
	margin-top:0;
	margin-bottom:0;
}

p{
	margin-top:0;
	margin-bottom:0;
}

img,
video,
iframe,
svg{
	max-width:100%;
	height:auto;
}

img,
video{
	display:block;
}

blockquote{
	margin:0;
}

a{
	color:var(--wp--preset--color--dark-mud);
	text-decoration-color:var(--wp--preset--color--muted-rose);
	text-underline-offset:0.15em;
	transition:color var(--wp--custom--transition--duration--200) var(--wp--custom--transition--easing--out);
}

a:hover{
	color:var(--wp--preset--color--muted-rose);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select{
	font-family:var(--wp--preset--font-family--lora);
	font-size:var(--wp--preset--font-size--base);
	color:var(--wp--preset--color--dark-mud);
	background-color:var(--wp--preset--color--white);
	border:var(--wp--custom--border-width--base) solid var(--wp--preset--color--warm-stone);
	border-radius:var(--wp--custom--border-radius--base);
	padding:var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
	width:100%;
	transition:border-color var(--wp--custom--transition--duration--200) var(--wp--custom--transition--easing--out);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus{
	border-color:var(--wp--preset--color--muted-rose);
	outline:none;
}

textarea{
	min-height:8rem;
	resize:vertical;
}

.entry-content ul,
.entry-content ol,
.wp-block-post-content ul,
.wp-block-post-content ol{
	padding-left:var(--wp--preset--spacing--6);
	margin-top:0;
	margin-bottom:0;
}

.entry-content li,
.wp-block-post-content li{
	margin-bottom:var(--wp--preset--spacing--2);
}

.entry-content li:last-child,
.wp-block-post-content li:last-child{
	margin-bottom:0;
}

.container{
	max-width:var(--wp--custom--max-width--7-xl);
	margin-inline:auto;
}

.container-narrow{
	max-width:var(--wp--custom--max-width--4-xl);
	margin-inline:auto;
}

.container-wide{
	max-width:none;
	margin-inline:0;
}

.block-padding{
	padding-block:var(--wp--preset--spacing--20);
}

@media(min-width: 48rem){

.block-padding{
		padding-block:var(--wp--preset--spacing--30);
}
	}

.gutters{
	padding-inline:var(--wp--preset--spacing--6);
}

@media(min-width: 48rem){

.gutters{
		padding-inline:var(--wp--preset--spacing--15);
}
	}

.screen-reader-text{
	border:0;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	word-wrap:normal !important;
}

.screen-reader-text:focus{
	background-color:var(--wp--preset--color--warm-ivory);
	clip:auto !important;
	clip-path:none;
	color:var(--wp--preset--color--dark-mud);
	display:block;
	font-size:var(--wp--preset--font-size--sm);
	height:auto;
	left:5px;
	line-height:normal;
	padding:var(--wp--preset--spacing--4) var(--wp--preset--spacing--6);
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:var(--wp--custom--z-index--50);
}

:focus-visible{
	outline:2px solid var(--wp--preset--color--primary);
	outline-offset:2px;
}

:focus:not(:focus-visible){
	outline:none;
}

body.admin-bar .wp-block-howsick-site-header{
	top:var(--wp-admin--admin-bar--height, 0px);
}

.wp-block-button__link{
	transition:background-color var(--wp--custom--transition--duration--200) var(--wp--custom--transition--easing--out), color var(--wp--custom--transition--duration--200) var(--wp--custom--transition--easing--out), box-shadow var(--wp--custom--transition--duration--200) var(--wp--custom--transition--easing--out), transform var(--wp--custom--transition--duration--200) var(--wp--custom--transition--easing--out);
	cursor:pointer;
}

.wp-block-button__link:hover{
	filter:brightness(1.1);
	box-shadow:var(--wp--custom--shadow--sm);
}

.wp-block-button__link:active{
	transform:translateY(1px);
	box-shadow:none;
}

.wp-block-button__link:disabled,
.wp-block-button__link[aria-disabled="true"]{
	opacity:0.5;
	cursor:not-allowed;
	pointer-events:none;
}

footer{
	margin-block-start:0 !important;
}

.prose > * + *{
	margin-block-start:var(--wp--preset--spacing--6);
}

.prose > * + h2,
.prose > * + h3,
.prose > * + h4{
	margin-block-start:var(--wp--preset--spacing--15);
}

.prose > h2 + *,
.prose > h3 + *,
.prose > h4 + *{
	margin-block-start:var(--wp--preset--spacing--6);
}

.prose > * + ul,
.prose > * + ol{
	margin-block-start:var(--wp--preset--spacing--6);
}

.prose ul,
.prose ol{
	padding-inline-start:var(--wp--preset--spacing--6);
}

.prose li + li{
	margin-block-start:var(--wp--preset--spacing--3);
}

.typo-display-1{
	font-family:var(--wp--preset--font-family--tenor-sans);
	font-size:var(--wp--preset--font-size--5-xl);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--tight);
	letter-spacing:var(--wp--custom--letter-spacing--wider);
	text-transform:uppercase;
}

@media (min-width: 48rem){

.typo-display-1{
		font-size:var(--wp--preset--font-size--7-xl);
}
	}

.typo-display-2{
	font-family:var(--wp--preset--font-family--tenor-sans);
	font-size:var(--wp--preset--font-size--5-xl);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--tight);
	letter-spacing:var(--wp--custom--letter-spacing--wider);
	text-transform:uppercase;
}

@media (min-width: 48rem){

.typo-display-2{
		font-size:var(--wp--preset--font-size--6-xl);
}
	}

.typo-display-3{
	font-family:var(--wp--preset--font-family--tenor-sans);
	font-size:var(--wp--preset--font-size--2-xl);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--tight);
	letter-spacing:var(--wp--custom--letter-spacing--wider);
	text-transform:uppercase;
}

@media (min-width: 48rem){

.typo-display-3{
		font-size:var(--wp--preset--font-size--4-xl);
}
	}

.typo-display-4{
	font-family:var(--wp--preset--font-family--tenor-sans);
	font-size:var(--wp--preset--font-size--xl);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--snug);
	letter-spacing:var(--wp--custom--letter-spacing--wider);
	text-transform:uppercase;
}

@media (min-width: 48rem){

.typo-display-4{
		font-size:var(--wp--preset--font-size--2-xl);
}
	}

.typo-display-5{
	font-family:var(--wp--preset--font-family--tenor-sans);
	font-size:var(--wp--preset--font-size--lg);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--snug);
	letter-spacing:var(--wp--custom--letter-spacing--wider);
	text-transform:uppercase;
}

@media (min-width: 48rem){

.typo-display-5{
		font-size:var(--wp--preset--font-size--xl);
}
	}

.typo-display-caption{
	font-family:var(--wp--preset--font-family--tenor-sans);
	font-size:var(--wp--preset--font-size--base);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--normal);
	letter-spacing:var(--wp--custom--letter-spacing--wider);
	text-transform:uppercase;
	color:var(--wp--preset--color--warm-stone);
	
}

.typo-body{
	font-family:var(--wp--preset--font-family--lora);
	font-size:var(--wp--preset--font-size--xl);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--relaxed);
	letter-spacing:var(--wp--custom--letter-spacing--normal);
}

.typo-body-sm{
	font-family:var(--wp--preset--font-family--lora);
	font-size:var(--wp--preset--font-size--base);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--relaxed);
	letter-spacing:var(--wp--custom--letter-spacing--normal);
}

.typo-body-tiny{
	font-family:var(--wp--preset--font-family--lora);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:var(--wp--custom--font-weight--normal);
	line-height:var(--wp--custom--line-height--relaxed);
	letter-spacing:var(--wp--custom--letter-spacing--normal);
}