/*
 Theme Name:   Whau Foundation
 Theme URI:    https://generatepress.com
 Description:  Whau Foundation Theme
 Author:       Dane Mitchell
 Author URI:   https://onoff.co.nz
 Template:     generatepress
 Version:      0.1
*/

/* Font sizing for REM */
:root {
  --serif-font: 'merriweather', serif;
  --sansserif-font: 'europa', sans-serif;
  font-size: 10px; /* resets editor font rem size */
}

html {
  font-size: 62.5%; /* 10px = 1rem */
  text-rendering: optimizeLegibility;
}

body {
  font-size: 16px; /* px fallback */
  font-size: 1.6rem; /* default font-size for document */
  line-height: 1.6em;
}

.button:hover {
  cursor: pointer;
}

@media (max-width: 1024px) {
  body {
    font-size: 16px; /* px fallback */
    font-size: 1.6rem; /* default font-size for document */
  }

  .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-size: 28px !important;
  }

  .inside-navigation {
    margin-top: 0 !important;
  }
}

/* Set the main content area to a minimum of 65vh */
#main {
	min-height: 65vh;
}

body {
	background-color: var(--outside-container);
}

/* Site header padding */
.site-header {
  padding: 0 20px;
}

/* Site Wrapper to set overall site max width */
.site-wrapper {
	width: 100%;
	max-width: 100%;
	background-color: var(--body);
}

.widget {
  padding-top: 0 !important;
}

/* HELPER CLASSES */

/* Position Properties */

.relative {
	position: relative;
}

.absolute {
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky {
	position: sticky;
	top: 24px;
}

/* Image Aspect Ratios */

.aspect-1-1 img {
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img {
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img {
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img {
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img {
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img {
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img {
    aspect-ratio: 9/16;
	object-fit: cover;
}

/* Text colour */

/* Gform */
.form_small {
  font-size: 80%;
}

/* GiveWP forms */

div#root-givewp-donation-form h2 {
  font-family: merriweather;
}

.givewp-layouts-headerTitle h2 {
  font-family: 'merriwhether' !important;
  font-size: 4rem;
  color: var(--whau);
}