/*
 Theme Name:   Waves
 Theme URI:    https://generatepress.com
 Description:  Fast, flexible, customizable
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      10.0
*/


/* variables and fonts */

:root {
  --bg: #faf7f4;
  --text: #222222;
  --accent: #ffd335;
  --purple: #825bb6;
  --peach: #df6b47;
}

@font-face {
  font-family: 'Inter';
  src: url('Inter.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}


/* body and sticky footer */

body {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

body .site-header {
  background-color: transparent;
}

.container.grid-container {
  width: 100%;
}

.site-footer {
  margin-top: auto;
  padding: 40px 20px 0px 20px;
}


/* typography */

p, a {
  font-size: 18px;
}

a {
  color: var(--peach);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease;
}

a:hover, a:focus, a:active {
  color: var(--peach);
  border-bottom-color: var(--peach);
}


/* homepage */

body.home {
  background-image: url('background.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: var(--purple);
}

body.home #page {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;     
  min-height: 100dvh;       
  box-sizing: border-box;
}

body.home .inside-article, body.home .site-info {
  background-color: transparent;
}

.home p {
  margin-bottom: 1em;
}

.home a {
  color: var(--accent);
}

.home a:hover, .home a:focus, .home a:active {
  border-bottom-color: var(--accent);
}

.logo {
  width: 280px;
  margin: 0px auto 30px auto;
}


/* other */

.privacy-policy,
.error404,
.archive,
.one-container .site-content,
.separate-containers .site-info,
.separate-containers .inside-article,
.separate-containers .page-header,
.widget {
  background-color: var(--bg);
}

.inside-article h1.entry-title {
  text-align: center;
}

.entry-content {
  max-width: 720px;
  margin: 0px auto;
}

.copyright-bar ul {
  margin: 0px;
  list-style: none;
}

.error404 .search-form, .error404 .entry-content,
.archive .search-form, .archive .entry-content {
  display: none;
}