/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
  GENERAL
    - self hosted fonts
    - variables
    - general settings
    - links
    - inputs
    - text selection
    - browser scroll bar
  
    TYPOGRAPHY
*/

/* -----------------------------
  1.GENERAL
----------------------------- */
@font-face {
  font-family: "Bree Serif";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-assets/themes/generatepress_child/fonts/BreeSerif-Regular.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "NZ Wiesbaden";
  font-style: normal;
  font-weight: bold;
  src: url("/wp-assets/themes/generatepress_child/fonts/NZ-Wiesbaden-Bold.woff2")
    format("woff2");
  font-display: swap;
}

:root {
  --heading-font: "NZ Wiesbaden", sans-serif;
  --base-font: "Bree Serif", serif;

  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;

  --light-gray: #f1f1f6;
  --gray: #7e7e7e;
  --black: #272727;
  --light-orange: #f0b970;
  --orange: #f49600;

  --light-blue: #3457c8;
  --blue: #22307e;
  --dark-blue: #142d7f;
  --darker-blue: #072070;

  --transition: 0.2s ease-in-out;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--base-font);
  font-size: 1.125rem;
  font-weight: var(--regular);
  color: var(--black);
  line-height: 1.875rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

/* links */
a,
a:hover,
a:active {
  color: var(--orange);
  text-decoration: none;
}

a,
input {
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
}

/* inputs */
::-webkit-input-placeholder {
  color: var(--gray);
  opacity: 1;
}

::-moz-placeholder {
  color: var(--gray);
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--gray);
  opacity: 1;
}

::-ms-input-placeholder {
  color: var(--gray);
  opacity: 1;
}

::placeholder {
  color: var(--gray);
  opacity: 1;
}

.site-content input:not([type="submit"]),
.site-content select,
.site-content textarea {
  font-family: var(--base-font);
  font-size: 0.938rem;
  width: 100%;
  border: unset;
  outline: none;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.12);
}
.site-content input:focus,
.site-content select:focus,
.site-content textarea:focus {
  -webkit-box-shadow: 0px 3px 6px rgba(90, 194, 232, 0.35);
  box-shadow: 0px 3px 6px rgba(90, 194, 232, 0.35);
}

/* text selection */
::-moz-selection {
  color: var(--orange);
  background: transparent;
}
::selection {
  color: var(--orange);
  background: transparent;
}

/* browser scroll bar */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #909090;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

#wpadminbar #wp-admin-bar-wp-logo {
  display: none;
}

/* -----------------------------
  2.TYPOGRAPHY
----------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--darker-blue);
  line-height: 1.375em;
  margin-bottom: 1.5rem;
}

h1 {
  font-size: 3.125rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.375rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.5rem;
}

p {
  margin-bottom: 2rem;
}

strong,
b {
  color: var(--darker-blue);
  letter-spacing: 0.02em;
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
}

a:hover strong,
a:hover b {
  color: var(--orange);
}

@media (max-width: 768px) {
  h1 {
    font-size: 2.625rem;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 17px;
  }
}