/*
 Theme Name:   Tau by Bricks Websites
 Theme URI:    https://tau.brickswebsites.com/
 Description:  Personal
 version:      1.0.0
 Template:     bricks
 Author:       Bricks Websites
 Author URI:   https://brickswebsites.com
 Text domain:  tau
*/

/* Fonts */
@font-face {
    font-family: 'Urbanist';
    src: url('/wp-content/fonts/Urbanist-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/Urbanist-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Urbanist';
    src: url('/wp-content/fonts/Urbanist-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Urbanist-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

h1,
h2,
h3,
h4,
p,
a,
div,
span,
blockquote {
	font-family: 'Urbanist',sans-serif;
}

a,
button,
.bricks-button {
	font-weight: 500;
}

*,
html,
body {
	overscroll-behavior: none !important;
	-webkit-tap-highlight-color: transparent;
	scrollbar-color: var(--color-text) transparent;
	scrollbar-width: thin;
}

/* Transitions */
a,
button,
.t-work-card,
.t-social-media li,
.t-company--btn,
.t-company--list,
.t-error--card {
  transition: var(--transition-primary);
}

/* General */
.brx-body {
	min-height: 100dvh;
}

/* Skip Links */
.skip-link {
	display: flex;
	align-items: center;
    justify-content: center;
	left: var(--space-s);
	font-size: var(--text-s);
	font-weight: 500;
	color: var(--light);
	background-color: var(--dark);
	height: var(--height);
	padding: 0 var(--space-2xs);
	border-radius: var(--radius-full);
	z-index: 99999;
}
.skip-link:focus {
	top: var(--space-s);
}

/* Paragraph */
:where(p:not(:last-of-type)) {
  margin-bottom: var(--space-2xs);
}

/* Highlight */
::-moz-selection {
  color: var(--light);
  background: var(--primary);
}
::selection {
  color: var(--light);
  background: var(--primary);
}

/* Focus */
:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(74,96,118,.3);
  	border-color: var(--primary)!important;
}

/* Full Height */
.not-set {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

/* Link Wrapper */
.t-link-wrapper::after,
.t-heading-wrapper a::after{
  content: "";
  position: absolute;
  inset: 0;
}

/* Will Change */
.not-set {
  will-change: transform;
}

/* Screen Reader Only */
.t-social-media span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
}

/* Cursor Default */
[aria-current="page"] {
	cursor: default;
}

/* Pointer Events */
[aria-current="page"] {
	pointer-events: none;
}

/* Current Page */
.t-header--nav__link[aria-current="page"],
.t-footer--nav__link[aria-current="page"] {
	color: var(--secondary);
}

/* Buttons */
button {
	background: inherit;
}
.t-btn,
.t-form .bricks-button {
	height: var(--height);
}

/* Form */
.t-form textarea {
	height: 8rem;
	min-height: 8rem;
	max-height: 14rem;
}
.t-form select,
.t-filter--select {
	background-image: url(/wp-content/uploads/2025/07/chevrons-up-down.svg);
    background-position: calc(100% - var(--space-2xs)) 50%, 100% 50%;
    background-size: var(--text-m);
}

/* Social Media */
.t-social-media {
	flex-wrap: wrap;
}
.t-social-media li {
	max-width: calc(var(--height) * 2);
}

/***** Header *****/
.t-header--nav-items li:last-child {
	margin-top: auto;
}

/***** Home Page *****/
/* Process */
/* Counter */
.t-process--list {
  	counter-reset: process;
}
.t-process--card__heading::before {
	counter-increment: process;
	content: "0" counter(process) ". ";
	color: var(--primary);
}

/* Small CTA */
.t-small-cta--avatar:not(:first-of-type) {
	margin-left: -.75rem;
}

/***** About Page *****/
.t-about--dl .t-dd:not(:last-child) {
	margin-bottom: var(--space-s);	
}

/***** Single Project Page *****/
/* Meta */
.t-work--dl :first-child,
.t-work--dl :nth-child(2),
.t-work--dl :nth-child(5),
.t-work--dl :nth-child(6) {
	grid-column: 1/2;
}
.t-work--dl :nth-child(3),
.t-work--dl :nth-child(4),
.t-work--dl :nth-child(7),
.t-work--dl :nth-child(8) {
	grid-column: 2/3;
}
.t-work--dl :first-child,
.t-work--dl :nth-child(2) {
	grid-row: 1/2;
}
.t-work--dl :nth-child(2),
.t-work--dl :nth-child(4) {
	grid-row: 2/3;
	margin-bottom: var(--space-s);
}
.t-work--dl :nth-child(5),
.t-work--dl :nth-child(7) {
	grid-row: 3/4;
}
.t-work--dl :nth-child(6),
.t-work--dl :nth-child(8) {
	grid-row: 4/5;
}

/********** Responsive **********/
/* Mobile landscape */
@media (min-width: 480px) {
}

/* Tablet portrait */
@media (min-width: 600px) {
	/* Single Project Page */
	/* Gallery */
	.t-work--gallery__img-wrapper:nth-child(3) {
		grid-column: span 2;
	}
	/* About Page */
	/* Info */
	.t-about--dl :first-child,
	.t-about--dl :nth-child(2),
	.t-about--dl :nth-child(5),
	.t-about--dl :nth-child(6) {
		grid-column: 1/2;
	}
	.t-about--dl :nth-child(3),
	.t-about--dl :nth-child(4),
	.t-about--dl :nth-child(7),
	.t-about--dl :nth-child(8) {
		grid-column: 2/3;
	}
	.t-about--dl :first-child,
	.t-about--dl :nth-child(2) {
		grid-row: 1/2;
	}
	.t-about--dl :nth-child(2),
	.t-about--dl :nth-child(4) {
		grid-row: 2/3;
		margin-bottom: var(--space-s);
	}
	.t-about--dl :nth-child(5),
	.t-about--dl :nth-child(7) {
		grid-row: 3/4;
	}
	.t-about--dl :nth-child(6),
	.t-about--dl :nth-child(8) {
		grid-row: 4/5;
	}
}

/* Tablet landscape */
@media (min-width: 801px) {
}

/* Laptop */
@media (min-width: 1025px) {
	.t-header--nav-items li:last-child {
		display: none;
		visibility: hidden;
	}
}

/* Desktop */
@media (min-width: 1281px) {
}