/*
 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
*/
.header { top: 0; z-index: 11; width: 100%; display: flex; position: fixed; box-shadow: 0px 3px 20px #7783AC26; }
.header__grid { margin: auto; display: flex; align-items: center; }
ul.header__list { display: flex; list-style: none; margin-bottom: 0; margin-left: auto; align-items: center; flex-direction: row; }
a.header__link, a.sidenav__link { cursor: pointer; text-decoration: none; }
a.header__link:active, a.header__link:focus, a.sidenav__link:active, a.sidenav__link:focus { color: var(--sage); }
a.header__link:hover, a.sidenav__link:hover { color: var(--sage-dark); }
a.header__btn { border-radius: 14px; }
/* MENU MOBILE */
.header__toggle, .sidenav__close { line-height: 0; cursor: pointer; padding: 0; }
.header__toggle, .header__toggle:focus, .header__toggle:active, .header__toggle:hover, .sidenav__close, .sidenav__close:focus, .sidenav__close:active, .sidenav__close:hover { background-color: transparent; }
.sidenav { top: 0; right: 0; z-index: 1; height: 100%; position: fixed; overflow-x: hidden; background-color: white; transform: translateX(100%); transition: transform 0.5s ease; }
ul.sidenav__list { list-style: none; margin-left: 0; display: flex; flex-direction: column; }
li.sidenav__item { position: relative; }
a.sidenav__link { display: block; transition: 0.3s; }
li.sidenav__item:not(:last-child)::after { left: 0; content: ''; height: 2px; position: absolute; background-color: #E9C9BC; }
.sidenav__close { position: absolute; }
.sidenav__overlay { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; display: none; position: fixed; background: rgba(0, 0, 0, 0.7); }
@media (max-width: 550px) {
    .entry-content { margin-top: 15vw !important; }
	.header { height: 15vw; }
    .header__grid { max-width: 84vw; }
    img.header__logo { max-width: 46vw; }
	button.header__toggle img { width: 6.5vw; }
    .sidenav { padding: 15vw 8vw 10vw; }
	ul.sidenav__list { grid-gap: 6vw; margin-bottom: 8vw; }
    li.sidenav__item:not(:last-child)::after { width: 25vw; bottom: -3vw; }
    a.sidenav__btn { height: 14vw; width: 84vw; }
    .sidenav__close { top: 4.5vw; right: 4vw; }
	button.sidenav__close img { width: 5vw; }
}
@media (min-width: 551px) and (max-width: 766.9px) {
    .entry-content { margin-top: 13vw !important; }
	.header { height: 13vw; }
    .header__grid { max-width: 84vw; }
    img.header__logo { max-width: 38vw; }
	button.header__toggle img { width: 4.8vw; }
    .sidenav { padding: 12vw 8vw; }
	ul.sidenav__list { grid-gap: 4.4vw; margin-bottom: 4vw; }
    li.sidenav__item:not(:last-child)::after { width: 15vw; bottom: -2.2vw; }
    a.sidenav__btn { height: 9.5vw; width: 50vw; }
    .sidenav__close { top: 4vw; right: 4vw; }
	button.sidenav__close img { width: 4vw; }
}
@media (max-width: 766.9px) {
    .sidenav { width: 100%; }
}
@media (min-width: 767px) and (max-width: 899.9px) {
	.entry-content { margin-top: 10vw !important; }
	.header { height: 10vw; }
    .header__grid { max-width: 84vw; }
    img.header__logo { max-width: 29vw; }
	button.header__toggle img { width: 4.1vw; }
    .sidenav { width: 60vw; padding: 8vw 6vw; }
	ul.sidenav__list { grid-gap: 3.2vw; margin-bottom: 4vw; }
    li.sidenav__item:not(:last-child)::after { width: 12vw; bottom: -1.6vw; }
    a.sidenav__btn { height: 8vw; width: 40vw; }
    .sidenav__close { top: 2.5vw; right: 3vw; }
	button.sidenav__close img { width: 2.8vw; }
}
@media (min-width: 900px) and (max-width: 1099.9px) {
    .entry-content { margin-top: 8vw !important; }
	.header { height: 8vw; }
    .header__grid { max-width: 86vw; }
    img.header__logo { max-width: 24vw; }
	button.header__toggle img { width: 3.8vw; }
    .sidenav { width: 50vw; padding: 7vw 6vw 6vw; }
	ul.sidenav__list { grid-gap: 2.4vw; margin-bottom: 3vw; }
    li.sidenav__item:not(:last-child)::after { width: 10vw; bottom: -1.2vw; }
    a.sidenav__btn { height: 6.3vw; width: 33vw; }
    .sidenav__close { top: 2.5vw; right: 3vw; }
	button.sidenav__close img { width: 2.4vw; }
}
@media (max-width: 1099.9px) {
    .header--desk { display: none; }
    .header__grid { width: 100%; height: 100%; justify-content: space-between; }
    img.header__logo { height: 100%; object-fit: contain; }
}
@media (min-width: 1100px) {
    .header--mobile { display: none; }
	img.header__logo { width: 100%;	height: auto; }
	ul.header__list { grid-gap: 2.5vw; margin-right: 2.5vw; }
}
@media (min-width: 1100px) and (max-width: 1400px) {
	.entry-content{ margin-top: 7vw !important; }
    .header { height: 7vw; }
    .header__grid { width: 86vw; }
    img.header__logo { max-width: 19vw; }
	a.header__btn { width: 16.5vw; height: 4.5vw; }
}
@media (min-width: 1401px) {
	.entry-content{ margin-top: 5.5vw !important; }
    .header { height: 5.5vw; }
    .header__grid { width: 70vw; }
    img.header__logo { max-width: 16vw; }
	a.header__btn { width: 13vw; height: 3.2vw; }
}