/*
====================================
 Theme Name:   Pixel & Ink Theme
 Theme URI:    https://pixelandink.co.nz
 Description:  Pixel & Ink GP Theme
 Author:       Pixel & Ink
 Author URI:   https://pixelandink.co.nz
 Template:     generatepress
 Version:      0.1
====================================
*/


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

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

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

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


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

h1, .fs-h1 {
	font-size: clamp(2.5rem, 3.059vw + 1.888rem, 4.5rem);
}

h2, .fs-h2 {
	font-size: clamp(2rem, 3.059vw + 1.388rem, 4rem);
}

h3, .fs-h3 {
	font-size: clamp(2rem, 1.53vw + 1.694rem, 3rem);
}

h4, .fs-h4 {
	font-size: clamp(2.0625rem, 1.875rem + 0.75vw, 2.475rem);
}

h5, .fs-h5 {
	font-size: clamp(1.7188rem, 1.5625rem + 0.625vw, 2.0625rem);
}

h6, .fs-h6 {
	font-size: clamp(1.5469rem, 0.473vw + 1.452rem, 1.8563rem));
}

p, .fs-p {
	font-size: clamp(1rem, 0.229vw + 0.954rem, 1.15rem);
}
.large-text {
	font-size: clamp(4.6875rem, 4.2614rem + 1.7045vw, 5.625rem);
}
.pretty {
font-size: clamp(1.5rem, 0.765vw + 1.347rem, 2rem);
}
ul, ol {
      font-size: clamp(1rem, 0.229vw + 0.954rem, 1.15rem);
    }

/* =========================
   FROM CUSTOMISER
========================= */


.oneline { 
  white-space: nowrap;
  overflow: hidden;
}

.gb-button {
	text-decoration:none!important;
}
.rainbow {
background: -webkit-linear-gradient(0deg, #f976b6 0%, #f45f2c 20%, #fdd400 40%, #cae5a3 60%, #b0d3f7 80%, #e1b9f4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.wp-block-separator {
    width: 5%;
    margin: 0 auto;
    display: block;
}
@media (min-width:768px) {
    .main-navigation .main-nav ul li.nav-button a {
        background-color: #222222;
        border: 1px solid #222222;
        color: #ffffff;
		    border-radius:50px;
        line-height: 35px;
	      font-size: .9em
    }
}