/*
Theme Name: Slow Blink
Theme URI: https://tandem.nyc/
Author: Tandem NYC
Author URI: https://tandem.nyc/
Description: Starter template for Tandem projects. Adapted from Frost WP.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.2
Tested up to: 6.3.1
Requires PHP: 5.6
Version: 1.0.0
License: GNU General `blic License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slowblink
*/

  /* @import url("https://use.typekit.net/nuo7vjz.css"); */


/*Import Google Font*/
/* @import url('https://fonts.googleapis.com/css2?family=Lora:wght@600&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;1,500&display=swap'); */

/* Fix for font size: small */
body { 
	--wp--preset--font-size--small: clamp(15px, 1rem + ((1vw - 3.2px) * 0.185), 18px) !important;
}

 /* Fix for button padding */
 .wp-block-button .wp-block-button__link{
	padding-bottom: 8px !important;
 }

 .grecaptcha-badge { 
    visibility: hidden; 
}

/* Defaults
---------------------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-synthesis: none !important;
    text-rendering: geometricPrecision !important
}

*::selection { 
	background: #b5b5f777; 
}

html {
	scroll-behavior: smooth;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.has-max-width
{ 
	max-width: 150px !important;
}

main {
	flex-grow: 1;
}


/* Button Styles */
a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.1s ease-in-out;
}

a,
a:not(.wp-element-button) {
	text-decoration: underline;
	text-underline-offset: 3px;
}

a:focus,
a:hover {
	text-decoration: none;
} 

h1, h2, h3, h4, h5, h6 {
	text-underline-offset: 5px;
}

/* Header and Footer Styles */

header.site-header a, footer.site-footer a {
	text-decoration: none;
}

header.site-header nav a:hover,
footer.site-footer nav a:hover
{
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
	color: var(--wp--preset--color--periwinkle) !important;
}

header.site-header {
	position: sticky;
	top: 0; left: 0; 
	z-index: 1000;
	/* border-bottom: 3px solid var(--wp--preset--color--periwinkle); */
	width: 100%;
}

.home header.site-header {
	position: fixed; 
	top: 0; left: 0; 
	z-index: 1000;
	/* border-bottom: 3px solid var(--wp--preset--color--periwinkle); */
	width: 100%;
}

header.site-header > .wp-block-group {
	background-color: var(--wp--preset--color--dark-green);
}

.home header.site-header > .wp-block-group {
	background-color: transparent;
}


header.site-header .current-menu-item a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

header.site-header a[aria-current="page"]:hover {
	color: var(--wp--preset--color--periwinkle);
}

.wp-block-site-logo img {
	width: clamp(150px, 25vw, 200px);
}

.wp-block-navigation__responsive-container-content, 
.wp-block-navigation__responsive-container-content  > *,  .wp-block-navigation__responsive-container-content ul li{

	align-items: center !important;
	text-align: center !important; 
}



.wp-block-button.is-style-fill a:hover,
.wp-block-button.is-style-fill a:focus {
	background-color: var(--wp--preset--color--dark-green) !important;
	color: var(--wp--preset--color--cream) !important;
	border: 2px solid var(--wp--preset--color--dark-green);
}

.wp-block-button.is-style-cream a:hover,
.wp-block-button.is-style-cream a:focus {
	background-color: var(--wp--preset--color--cream) !important;
	color: var(--wp--preset--color--dark-green) !important;
	border: 2px solid var(--wp--preset--color--cream);
}

.tm-post-wrapper a > * { 
	text-decoration: none !important;
 }

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}

/* .alignfull > .alignwide:first-child, */
.wp-block-cover__inner-container.has-global-padding {
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
}



/* Custom Flex boxes */

/*  Equal height cards */
.is-card-container { 
	display: flex !important; 
	flex-direction: row !important; 
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--small);
	justify-content: center;
}

.is-card-container .has-card-width { 
	max-width: 45%; 
}

/* Flexbox query instead of grid */

.is-flex-query ul
{ 
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content: center; 
}

.is-flex-query ul li
{ 
	max-width: 30%;
}

.is-flex-query .wp-block-post-title a
{ 
	text-decoration: none;
}

.is-flex-query .wp-block-post-title a:hover
{ 
	text-decoration: underline;
}

.wp-block-query.is-grid-query ul
{ 
	display: grid; 
    grid-template-columns: auto auto auto;
    max-width: 1400px !important; 
    gap: var(--wp--preset--spacing--small);
}

.wp-block-query.is-grid-query ul li:first-child { 
    grid-column: span 2 !important;
    grid-row: span 2 !important; 
}

.wp-block-query.is-grid-query ul li a { 
    text-decoration: none;
}

.wp-block-query.is-grid-query ul li a:hover , .wp-block-query.is-grid-query ul li a:active { 
    text-decoration: underline;
}

.wp-block-query.is-grid-query .wp-block-post-template .wp-block-post:not(:last-of-type) 
{ 
	margin-bottom: 0 !important; 
}

.wp-block-query.is-grid-query ul li { 
    display: flex; 
    flex-direction: column;
    gap: 0; 
    justify-content: space-between;
}

@media only screen and (max-width: 782px) {

    .wp-block-query.is-grid-query ul { 
        display: grid; 
        grid-template-columns: 1fr;
    }

    .wp-block-query.is-grid-query ul li:first-child { 
        grid-column: span 1 !important;
        grid-row: span 1 !important; 
    }
  
  }

/* Gallery view for clients */

.is-client-gallery { 
	display: flex;
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content: center; 
	column-gap: var(--wp--preset--spacing--medium) !important;
	max-width: 1400px; 
}

.is-client-gallery figure { 
	width: 15% !important;
	max-width: 15% !important;
	opacity: 1;
}

/* Two column tabs -- styles on top of custom tab block */


.is-two-column-tab section .tab-content .tm-tab-content div{ 
	display: grid; 
	grid-template-columns: 1fr 2fr;
	gap: var(--wp--preset--spacing--small)
}

.is-two-column-tab section .tab-content .tm-tab-content div h3 { 
	margin-bottom: var(--wp--preset--spacing--x-small); 
	margin-top: var(--wp--preset--spacing--x-small); 
}

.is-two-column-tab section .tab-content .tm-tab-content div h5 { 
	margin-top: 0;
	margin-bottom: 0;
}

.is-two-column-tab section .tab-content .tm-tab-content div p { 
	margin-top: var(--wp--preset--spacing--x-small);
}

.is-cover-height { 
	height: 200px;
}

.stats-columns .wp-block-column > * { 
	word-break: keep-all;
	overflow-wrap: normal;
}


/* Buttons
--------------------------------------------- */
.wp-block-button.is-style-cream a { 
	color: var(--wp--preset--color--cream);
	border-color: var(--wp--preset--color--cream);
}

.wp-block-button.is-style-brick a { 
	color: var(--wp--preset--color--brick);
	border-color: var(--wp--preset--color--brick);
}

.wp-block-button.is-style-periwinkle a { 
	color: var(--wp--preset--color--periwinkle);
	border-color: var(--wp--preset--color--periwinkle);
}

hr.is-style-vertical {
	height: 15vh !important; 
	width: 6px !important; 
}


/* Forms
--------------------------------------------- */

input,
select,
textarea {
	border-radius: 5px;
	font-size: var(--wp--preset--font-size--small);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Blocks
---------------------------------------------------------------------------- */

/* Code
--------------------------------------------- */

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* Group
--------------------------------------------- */

.wp-block-group.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-group.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--shadow);
}

/* Image
--------------------------------------------- */


.wp-block-image.is-style-shadow-light img {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-image.is-style-shadow-solid img {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* List
--------------------------------------------- */

.is-style-no-disc {
	list-style-type: none;
	padding-left: 0;
}

/* Navigation
--------------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-bottom: 30px;
	padding-top: 30px;
}

.wp-block-navigation__responsive-container.is-menu-open ul li {
	font-size: var(--wp--preset--font-size--max-40) !important;
}


/* Navigation Submenu
--------------------------------------------- */



/* Quote
--------------------------------------------- */

.wp-block-quote.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-quote.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

.wp-block-pullquote 
{ 
	margin: var(--wp--preset--spacing--small) auto !important;
	
}

blockquote { 
	margin-right: 0; 
	margin-left: 0;
}

.wp-block-pullquote > blockquote > p {
	font-family: var(--wp--preset--font-family--bn-tillsdale) !important ; 
	font-size: var(--wp--preset--font-size--max-28)!important; 
}


/* Contact Form
---------------------------------------------------------------------------- */
.wpcf7 > * {
	font-family: var(--wp--preset--font-family--bn-tillsdale);
} 

.wpcf7 p {
	margin: var(--wp--preset--spacing--small) 0;
} 

.wpcf7 label {
	font-family: var(--wp--preset--font-family--bn-tillsdale);
	font-size: var(--wp--preset--font-size--large);
}

.wpcf7 input:not([type="submit"]), .wpcf7 textarea {
	background-color: transparent;
	font-family: var(--wp--preset--font-family--lora) !important;
	border: 2px solid var(--wp--preset--color--dark-green);
}

.wpcf7 .checkbox span label{
	font-family: var(--wp--preset--font-family--lora) !important;
	font-size: var(--wp--preset--font-size--small);
}

.wpcf7 .checkbox input[type="checkbox"]{
	accent-color: var(--wp--preset--color--dark-green);
}

.wpcf7 input[type="submit"]{
	font-family: var(--wp--preset--font-family--bn-tillsdale);
	color: var(--wp--preset--color--dark-green);
	background-color: transparent;
	font-size: var(--wp--preset--font-size--medium);
	text-transform: capitalize;
	width: auto;
	border: 2px solid var(--wp--preset--color--dark-green);
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
	line-height: 1;
}

.wpcf7 input[type="submit"]:hover{
	cursor: pointer; 
	background-color: var(--wp--preset--color--dark-green);
	color: var(--wp--preset--color--cream);
	
}

.wpcf7 .wpcf7-form-control.wpcf7-checkbox {
	display: flex;
    flex-flow: wrap;
    gap: 8px 20px;
	padding-top: 8px;
}

.wpcf7 .wpcf7-form-control.wpcf7-checkbox > * {
	margin: 0;
}



/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 600px) {

	/* Utility
	--------------------------------------------- */

	.is-style-hidden-mobile {
		display: none !important;
	}

}

@media only screen and (max-width: 782px) {

	/* Columns
	--------------------------------------------- */

	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}

	.is-flex-query ul li { 
		max-width: 100%; 
	}

	.is-two-column-tab section .tab-content .tm-tab-content div{ 
		display: block; 
	}

	.is-client-gallery figure { 
		width: 30% !important;
		max-width: 30% !important;
	}

	.is-card-container .has-card-width { 
		max-width: 80%; 
	}

	footer.site-footer .wp-block-group { 
		justify-content: center;
	}
}

@media only screen and (min-width: 600px) {

	/* Navigation Link
	--------------------------------------------- */

	.wp-block-navigation-item.is-style-outline a {
		border: 1px solid currentColor;
		padding: 8px 15px;
	}

}