/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* -- TYPOGRAPHY -- */

/* Regular link */
a {
text-decoration: underline #Dd9008;
text-underline-offset: 5px;
}

/* Hovered link */
a:hover {
text-decoration: none;
}

/* Set Font Family */

.ff-body {
Font-family: var(--gp-font--body);
}

.ff-heading {
Font-family: var(--gp-font-heading);
}

/* Fluid Typography Scale */

h1, .looks-h1 {
	font-size: clamp(3rem, 2.7273rem + 1.0909vw, 3.6rem);
}

h2, .looks-h2 {
	font-size: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
}

h3, .looks-h3 {
	font-size: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
}

h4, .looks-h4 {
	font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
}

h5, .looks-h5 {
	font-size: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
}

h6, .looks-h6 {
	font-size: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
}

p, .looks-p {
	font-size: clamp(0.8333rem, 0.7576rem + 0.303vw, 1rem);
}

/* Image Background Alternative CSS*/
.image-background-default {
 position: relative;
 isolation: isolate;

  & img:first-of-type{
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
 }
}

/* Horizontal scroller for Blog Grid */
@media (max-width: 1024px) {
	
	.scroll-grid{
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 320px;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
	}
	.scroll-grid > div{
		scroll-snap-align: start;
	}
}

/* View Transition 
 * https://theadminbar.com/how-to-create-smooth-page-transitions-with-view-transitions-and-css/
 * */

@view-transition {
  navigation: auto;
}

.vt-seo-title {
  view-transition-name: vt-seo-title;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }

  .vt-seo-title {
    view-transition-name: vt-seo-title;
  }

  .vt-seo-description {
    view-transition-name: vt-seo-description;
  }

  .vt-seo-image {
    view-transition-name: vt-seo-image;
  }
}

/* Display Icon Over Post Query Cards
 * https://www.youtube.com/watch?v=hNZ4kOT-Jt4&t=156s */
.gb-query-loop-item.category-general {
	position: relative;
}
.gb-query-loop-item.category-general::after{
	content: url('/wp-content/uploads/icon-general.svg');
	position: absolute;
	top: -2px;
	right: 24px;
}

.dynamic-content-template.category-general H1 {
	position: relative;
}
.dynamic-content-template.category-general H1::before {
	position: absolute;
	content: url('/wp-content/uploads/icon-general.svg')
	top: -12px;
	left: -32px;
}


/* === FRAMEWORK VARIABLES === https://www.youtube.com/watch?v=MbEr_TbQn64 */
:root{
	--padding-xs: 8px;
	--padding-s: 16px;
	--padding-m: 32px;
	--padding-l: 64px;
	--padding-xl: 96px;
}