Custom CSS

/* ==========================================================================

TYPOGRAPHY

========================================================================== */

/** Letter spacing for headings

From: Robo-Will */

h1, h2, h3, h4 {

font-family: "the-seasons", sans-serif;

font-weight: 400;

font-style: normal;

letter-spacing: 0.01em;

}

/* ==========================================================================

LINKS

========================================================================== */

/** Remove underline from all hyperlink states site-wide

* From: Robo-Will

**/

a,

a:hover,

a:visited,

a:active {

text-decoration: none !important;

}

/* ==========================================================================

SECTION DIVIDERS

========================================================================== */

/** Inset section divider to align with logo/content gutter

* From: Robo-Will

**/

.section-divider-display {

left: var(--sqs-site-gutter, 7vw);

right: var(--sqs-site-gutter, 7vw);

width: auto !important;

}

.section-divider-svg-clip,

.section-divider-svg-stroke {

width: 100% !important;

}

/* ==========================================================================

MOBILE NAVIGATION

========================================================================== */

/** Center Instagram icon in mobile nav menu (no menu items present)

* From: Robo-Will

**/

@media screen and (max-width: 767px) {

.header-menu-nav-folder {

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

height: 100%;

}

/* Empty nav-links container was flex-growing and pushing icon to bottom */

.header-menu-nav-folder-content {

flex-grow: 0 !important;

height: auto !important;

}

.header-menu-actions.social-accounts {

margin: 0 auto !important;

}

}