/*
 Theme Name:   Fearless
 Theme URI:    https://www.fear-less.co.nz/
 Description:  Theme for fear-less.co.nz
 Author:       MyTechGuy.co.nz
 Author URI:   https://mytechguy.co.nz/
 Template:     generatepress
 Version:      1.0
*/
:root,.editor-styles-wrapper {
  /* Base Colors */
  --base-0: #ffffff;
  --base-100: #f3eeea;
  --base-200: #eae5df;
  --base-300: #d6d1cc;
  --base-400: #bcb7b2;
  --base-500: #a19d98;
  --base-600: #7f7b77;
  --base-700: #5e5a57;
  --base-800: #3d3a38;
  --base-900: #1e1c1b;
  --brand: #392020;
  --brand-alt: #a04d4d;
  --brand-bg: #eae5df;
  --brand-bg-alt: #f3eeea;
  --action: #89D1CA;
  --action-alt: #AACBBF;
  --button-text: #fff;
}
/* Fluid Typography Scale */
h1, .fs-h1 {
	font-size: clamp(3rem, 2.7273rem + 1.0909vw, 3.6rem);
}
h2, .fs-h2 {
	font-size: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
}
h3, .fs-h3 {
	font-size: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
}
h4, .fs-h4 {
	font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
}
h5, .fs-h5 {
	font-size: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
}
h6, .fs-h6 {
	font-size: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
}
p, .fs-p, cite {
	font-size: clamp(1rem, 0.9rem + 0.6vw, 1.125rem); /* 16px → 18px */
}
.hidden {display: none !important;}
.roundcorners {border-radius: 15px;}
.margin-none {margin: 0;}
.inside-header {padding: 20px 20px;}
.footer-widgets {
  background-image: url('//fear-less.co.nz//wp-content/uploads/2025/08/fear-less-icon.svg');
  background-repeat: no-repeat;
  background-size: 180px auto;
  background-position: calc(100% - 20px) bottom;
}
.separate-containers .inside-article,
.one-container .site-content {
    padding: 10px;
}
.widget-area .widget {
  padding: 40px 0;
}
.wp-block-social-links.has-huge-icon-size {
  font-size: 60px;
}
.whatotherssay blockquote {
  max-width: 800px;
  margin: 2rem auto;
}
.whatotherssay blockquote:nth-of-type(even) {
  margin-left: 2rem;
  border-left: 5px solid var(--base-200);
  background-color: var(--base-100);
}
.whatotherssay blockquote:nth-of-type(odd) {
  margin-right: 2rem;
  border-left: 5px solid var(--action-alt);
}
cite {font-style: normal;}
.paged .blog-intro {display: none;}

/* mailchimp optins - shared base */
.cta-mc .optin {display:grid; gap:.6rem;}
.cta-mc .optin__input {width:100%; border-radius: 15px;}
.cta-mc .optin__button {display:inline-block;}
/* mailchimp optins - context variants */
.cta-sidebar-mc .optin { gap:.5rem; }
.cta-articlefoot-mc .optin { grid-auto-flow: row; align-items:end; gap:.75rem; }
.cta-sidebar-mc.is-hidden {opacity: 0; pointer-events: none; transition: opacity .2s;}

.wpcf7 input[type="submit"] {background-color: var(--brand-alt); border-radius: 15px; color: #fff; padding: 0.6rem 1.5rem;}
.wpcf7 input[type="submit"]:hover {background-color: var(--brand);}
.wpcf7 input {width: 100%;}

.wp-block-embed.is-type-video iframe {border-radius: 20px;}

/* Tablet and up (min-width) */
@media (min-width: 768px) {
	.whatotherssay blockquote:nth-of-type(even) {
	  margin-left: 4rem;
	  border-left: 8px solid var(--base-200);
	}
	.whatotherssay blockquote:nth-of-type(odd) {
	  margin-right: 4rem;
	  border-left: 8px solid var(--action-alt);
	}
	.cta-articlefoot-mc .optin {grid-auto-flow: column;}
}
/* Desktop and up */
@media (min-width: 1024px) {
  .separate-containers .inside-article, .one-container .site-content {padding: 40px;}
  .inside-header {padding: 20px 0px;}
  .wpcf7 input {width: auto;}
}

/* Large desktop and up */
@media (min-width: 1280px) {
	.footer-widgets {background-position: calc(100% - 150px) bottom;}
}