/*
 Theme Name:   Grind & Graze
 Description:  Child Theme based on Ultra Theme
 Author:       OFF unit
 Author URI:   https://offunit.com
 Template:     themify-ultra
 Version:      1.0.0
*/

/* Custom Fonts */


/* Variables */
:root { --white: #fff; --black: #000; --beige: #f3e8e0; --orange: #f79223; --teal: #39bcaa;  }

/* Reset */

#headerwrap, #footerwrap {border: none;  }
#headerwrap { height: 350px; background-color: rgba(0, 0 ,0, 0); }
#footerwrap { padding-top: 85px; }
#header { padding: 1em 0; }
.footer-widgets-wrap { margin-top: -40px; }
#content { padding:0; }

#footer-logo { margin-top: 20px; }

body { font-family: "akzidenz-grotesk-next-extended",sans-serif; background-color: #f3e8e0; }

/* Sticky header hot fix */
.fixed-header .header-bar, .fixed-header .search-button, .fixed-header .header-widget {
    display: block;
}


/* Fonts */
.font--script {
  font-family: "Meow Script", cursive;
  font-weight: 400;
  font-style: normal;
}


/* Header */

#pagewrap #headerwrap.fixed-header { height: 180px; padding-top: 20px; }
#footerwrap a { color: var(--black); }

/* Nav Menu */
#main-nav { margin-top: -40px; }
.footer-nav a { color: var(--black); }
#main-nav a:hover, .footer-nav li a:hover { color: var(--teal); }

h2.hero { font-size: 3em; font-weight: 100; line-height: 1em; text-transform: uppercase; margin: 0; }

.color--orange { color: var(--orange); }
.color--beige { color: var(--beige); }
.color--white { color: var(--white); }
.color--black { color: var(--black); }
.color--teal { color: var(--teal); }

.font-size--3em { font-size: 3em; }
.font-size--6em { font-size: 6em; }

.font-weight--100 { font-weight: 100; }
.font-weight--400 { font-weight: 400; }
.font-weight--600 { font-weight: 600; }
.font-weight--900 { font-weight: 900; }

.line-height--1em { line-height: 1em; }

.text-align--center { text-align: center; }
.text-align--right { text-align: right; }

.text-transform--uppercase { text-transform: uppercase; }

.no-margin { margin: 0; }

.cursor--default a { cursor: default; }
#main-nav .cursor--default a:hover { color: var(--black); }