/*
 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
*/

:root {
  --general-transition: all 0.4s ease;
  --box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
}

/* LAYOUT & DEFAULTS
------------------------------------------------------- */
body {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}
.site {
  flex: 1;
}

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

.full-width-content.one-container .site-content {
  padding: 1em 1.5em;
}

@media (min-width: 1025px) {
  .full-width-content.one-container .site-content {
    padding: 1em 3em;
  }
}

a {
  transition: var(--general-transition);
  text-decoration-color: var(--accent);
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.2em;
}
a:hover {
  text-decoration: none;
  text-decoration-color: var(--accent);
}
a:focus {
  text-decoration: none;
}

*:focus {
  outline: 2px solid #50575e;
  outline-offset: 2px;
}

::-moz-selection {
  background: var(--contrast-2);
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-shadow: none;
}

::selection {
  background: var(--contrast-2);
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-shadow: none;
}

.gb-button .anww-external-link-icon,
.gb-block-image .anww-external-link-icon {
  display: none;
}

/* HEADING STYLES
------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
}

h2 {
  margin-top: 35px;
}

/* HEADER AND NAVIGATION
------------------------------------------------------- */
.main-navigation .inside-navigation {
  flex-direction: column;
  align-items: end;
}

.main-navigation .menu-toggle {
  padding: 15px 15px 25px;
}

.main-nav {
  width: 100%;
}

.main-navigation .main-nav > ul {
  width: 100%;
  height: 100%;
  justify-content: space-around;
  flex-wrap: nowrap;
}

.main-navigation .main-nav ul li {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  overflow: hidden;
}
.main-navigation li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.main-navigation li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main-navigation .main-nav ul li a {
  text-align: center;
  line-height: 1.4;
  padding: 1.4em 0.5em;
}

@media (min-width: 1025px) {
  .main-navigation .inside-navigation {
    flex-direction: row;
  }

  .main-nav {
    height: 60px;
  }

  .main-navigation li:not(:last-child) {
    border-bottom: none;
    border-top: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}

/* PAGE CONTENT
------------------------------------------------------- */
.page .entry-content {
  margin-bottom: 30px;
}

.col-container {
  columns: 1;
}

.list-item {
  display: block;
  line-height: 2;
}

.col-item {
  break-inside: avoid;
}

.col-item:first-child h2 {
  margin-top: 0;
}

@media (min-width: 769px) {
  .col-container {
    columns: 2;
    column-gap: 1.5em;
  }
}

@media (min-width: 1025px) {
  .col-container {
    columns: 3;
  }

  .list-item {
    line-height: 1.75;
  }
}

@media (min-width: 1400px) {
  .col-container {
    columns: 4;
  }
}

.no-results.not-found {
  text-align: center;
  margin-top: 3em;
}

.site-footer {
  margin-top: 40px;
}

/* UTILITY CLASSES
------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

ul.no-bullets {
  list-style: none;
  padding-left: 0;
}

/* FONTS
------------------------------------------------------- */

/* poppins-regular */
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/poppins-v20-latin-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("fonts/poppins-v20-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-italic */
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/poppins-v20-latin-italic.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("fonts/poppins-v20-latin-italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-500 */
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/poppins-v20-latin-500.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("fonts/poppins-v20-latin-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-700 */
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/poppins-v20-latin-700.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("fonts/poppins-v20-latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}