/*
====================================
 Theme Name:   DeployPartners 2025
 Theme URI:    https://onoff.co.nz
 Description:  DeployPartners 2025
 Author:       Dane Mitchell
 Author URI:   https://onoff.co.nz
 Template:     generatepress
 Version:      0.1
====================================
*/

/* =========================
   SHADOWS
========================= */

:root {
  --shadow-color: 0deg 0% 60%;
  --shadow-elevation-low:
    0px 0.4px 0.5px hsl(var(--shadow-color) / 0.18),
    0px 0.7px 0.9px -0.6px hsl(var(--shadow-color) / 0.29),
    0px 1.6px 2.1px -1.3px hsl(var(--shadow-color) / 0.4);
  --shadow-elevation-medium:
    0px 0.4px 0.5px hsl(var(--shadow-color) / 0.19),
    0px 1.6px 2.1px -0.4px hsl(var(--shadow-color) / 0.27),
    0px 3.5px 4.6px -0.9px hsl(var(--shadow-color) / 0.36),
    0px 7.8px 10.2px -1.3px hsl(var(--shadow-color) / 0.45);
  --shadow-elevation-high:
    0px 0.4px 0.5px hsl(var(--shadow-color) / 0.17),
    0px 3.1px 4px -0.2px hsl(var(--shadow-color) / 0.21),
    0px 5.7px 7.4px -0.4px hsl(var(--shadow-color) / 0.25),
    0px 8.7px 11.4px -0.6px hsl(var(--shadow-color) / 0.29),
    -0.1px 12.9px 16.8px -0.7px hsl(var(--shadow-color) / 0.34),
    -0.1px 18.9px 24.7px -0.9px hsl(var(--shadow-color) / 0.38),
    -0.1px 27.4px 35.8px -1.1px hsl(var(--shadow-color) / 0.42),
    -0.2px 39.1px 51px -1.3px hsl(var(--shadow-color) / 0.46);
	
  --shadow-color-dark: 198deg 65% 29%;
  --shadow-dark:
    0px 0.7px 0.8px hsl(var(--shadow-color-dark) / 0.36),
    0px 2.1px 2.4px -0.8px hsl(var(--shadow-color-dark) / 0.36),
    0px 5.3px 6px -1.7px hsl(var(--shadow-color-dark) / 0.36),
    0px 13px 14.6px -2.5px hsl(var(--shadow-color-dark) / 0.36);

	--cursive:
	cartograph-cf;
	--header-font:
	paradroid-mono-soft;
}
/* =========================
   Backgrounds
========================= */

body {
    position: relative;
}

.site-header {
	background: none;
}

/* =========================
   TYPOGRAPHY
========================= */

/* Font Family Utilities */
.ff-body {
    font-family: var(--gp-font--body);
}

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

.cursive {
	font-family: cartograph-cf;
}

/* Heading and utility class font assignment */
h1, h2, h3,
[class^="fs-"] {
    /* font-family: var(--gp-font--headings); */
	font-family: var(--header-font);
}

h4, h5, h6,
[class^="fs-"] {
    /* font-family: var(--gp-font--headings); */
	font-family: var(--cursive);
}

.fs-p, fs-intro {
    font-family: var(--gp-font--body);
}

h1 {
	word-spacing: -0.2em;
	letter-spacing: -0.1rem;
	line-height: 1.2em;
}

.dynamic-entry-content {
	position: relative;
}

.dynamic-entry-content h2 {
	font-size: clamp(1.25rem, 1rem + 0.8vw, 1.5rem);
	margin-bottom: 1rem;
}

.dynamic-entry-content h3 {
	font-size: clamp(1.188rem, 1.063rem + 0.4vw, 1.313rem);
	margin-bottom: .375rem;
	word-spacing: clamp(-0.5rem, 0.5vw, -0.45rem);
}

.page-id-83 .dynamic-entry-content h2,
.page-id-85 .dynamic-entry-content h2,
.page-id-137 .dynamic-entry-content h2,
.page-id-13 .dynamic-entry-content h2,
.page-id-2256 .dynamic-entry-content h2,
.page-id-87 .dynamic-entry-content h2 {
	font-size: clamp(1.5rem, 1.125rem + 1.2vw, 1.875rem);
	word-spacing: clamp(-0.6rem, 0.5vw, -0.4rem);
	margin-bottom: 1.2rem;
}

.section_h2 {
	font-size: 1.4rem !important;
}

.services_h2 {
	font-size: 1.2rem !important;
	margin-bottom: 20px !important;
}

.service_h3 {
	margin-bottom: 20px !important;
}

.page-id-83 .dynamic-entry-content h3,
.page-id-85 .dynamic-entry-content h3,
.page-id-137 .dynamic-entry-content h3,
.page-id-13 .dynamic-entry-content h3,
.page-id-2256 .dynamic-entry-content h3,
.page-id-87 .dynamic-entry-content h3 {
	font-size: clamp(1.375rem, 1.25rem + 0.4vw, 1.5rem);
	margin-bottom: 1.25rem;
}

.dynamic-entry-content h4 {
	font-size: clamp(1rem, 0.875rem + 0.4vw, 1.125rem);
	margin-bottom: .8rem;
	color: var(--brand-primary);
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

h3, h4, h5, h6 {
	font-weight: 400;
	margin: 24px 0 6px 0;
	letter-spacing: -0.05em;
}

h4.footer_h4 {
	word-spacing: 0;
}

.card_link {
	word-spacing: -0.25rem;
}

.dp_list li:before {
    content: '_  ';
	padding: 0 10px 0 0;
	margin-left: -25px;
	color: var(--brand-primary-alt);
}

ol.dp_numbered-list {
    list-style: none;
    counter-reset: ol-counter;
}

ol.dp_numbered-list > li {
    counter-increment: ol-counter;
	margin-top: 14px;
}

ol.dp_numbered-list > li::before {
    content: counter(ol-counter) ". ";
    color: var(--brand-primary-alt);
    font-weight: bold;
	font-size: .8rem;
    margin-left: -26px;
    padding-right: 10px;
}
.word-spacing {
	word-spacing: clamp(-0.5rem, 0.5vw, -0.4rem);
}

/* =========================
   FLUID TYPOGRAPHY SCALE
   Source: https://theadminbar.com/simple-responsive-font-size-calculator/
========================= */

h1,
.fs-h1 {
    font-size: clamp(2.125rem, 0.188rem + 6.2vw, 4.063rem);
}

h2,
.fs-h2 {
	color: var(--brand-primary);
    font-size: clamp(1.5rem, 1.125rem + 1.2vw, 1.875rem);
	word-spacing: clamp(-0.6rem, 0.5vw, -0.4rem);
	letter-spacing: -0.05em;
}

h3,
.fs-h3 {
    font-size: clamp(1.25rem, 1rem + 0.8vw, 1.5rem);
	word-spacing: clamp(-0.4rem, 0.5vw, -0.3rem);
}

h4,
.fs-h4 {
    font-size: clamp(1.6875rem, 1.5341rem + 0.6136vw, 2.025rem);
	word-spacing: clamp(-0.4rem, 0.5vw, -0.3rem);
}

h5,
.fs-h5 {
    font-size: clamp(1.4063rem, 1.2784rem + 0.5114vw, 1.6875rem);
}

h6,
.fs-h6 {
    font-size: clamp(1.2656rem, 1.1506rem + 0.4602vw, 1.5188rem);
}

p,
#main ul li,
.dp_list,
.dp_numbered-list,
.fs-p {
    font-size: clamp(1rem, 0.875rem + 0.4vw, 1.125rem);
	margin-bottom: 20px;
}

.intro,
.fs-intro {
    font-size: clamp(1.25rem, 1.0608rem + 0.7568vw, 1.6663rem);
}

/* =========================
   BLINKING CURSOR
========================= */

.blinking-cursor {
  font-weight: 100;
  color: var(--brand-primary);
  -webkit-animation: 2s blink step-end infinite;
  -moz-animation: 2s blink step-end infinite;
  -ms-animation: 2s blink step-end infinite;
  -o-animation: 2s blink step-end infinite;
  animation: 2s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: var(--brand-primary);
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: var(--brand-primary);
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: var(--brand-primary);
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: var(--brand-primary);
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: var(--brand-primary);
  }
}

/* =========================
   CONTENT CONTAINER
========================= */

@media only screen and (max-width: 1600px) {
  	.content_container {
		padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
	}
}

/* =========================
   BUTTONS
========================= */

.button {
	word-spacing: -0.25rem;
}

/* =========================
   DIVIDERS
========================= */
hr {
	color: var(--neutral-200);
	border-top: 1px solid;
}
.separator_blue {
	color: var(--brand-primary);
	border-top: 1px solid;
}