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

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* Variables */
:root { --terra: #d97302; --white: #fff; --black: #000; --dark-gray: #44352e; --beige: #fbf2df; --dark-green: #3c5312; --light-green: #999d03; }

/* Reset */
#headerwrap, #footerwrap { border:none; }
#content { padding: 0; }

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

/* Mobile Menu Hot Fixes */
.body-overlay-on { display: none !important;} /* No overlay */
#main-nav li.toggle-on>.sub-menu {display:contents;} /* Submenu always displayed */

body { background-color: var(--beige); color: var(--dark-gray); font-family: "Playfair Display", serif; }

#header { padding: 2em 0; }
.main-nav { font-weight: 800; text-transform: lowercase; letter-spacing: .03em; }
#main-nav > li { padding-top: 2em; }
.main-nav a { color: var(--dark-gray); }
#main-nav .current-menu-item>a, #main-nav .current_page_item>a, #main-nav a:hover, #main-nav ul a:hover { color: var(--terra) !important; }

.home-hero--heading { font-family: "Playfair Display", serif; font-weight: 400; font-size: 6em; line-height: 1em; color: var(--white); text-align: center; text-transform: uppercase; text-shadow: 1px 1px 6px rgba(0,0,0,0.44); }
.hero h2 { font-family: "Playfair Display", serif; font-weight: 400; font-size: 4.5em; line-height: 1em; border-bottom: dotted 1px var(--white); color: var(--white); text-transform: uppercase; text-shadow: 1px 1px 6px rgba(0,0,0,0.44); }
.hero h4 { color: var(--white); }
.hero p { color: var(--white); text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.hero a { color: var(--white); }
.hero a:hover { color: var(--terra); }

h2 { text-transform: uppercase; color: var(--light-green); }

.align--center { text-align: center; }
.color--dark-gray { color: var(--dark-gray); }
.color--white { color: var(--white); }
.font--disclaimer { font-size: .8em; width: 60%; margin: 0 auto; }

#footer a { color: var(--white); }

/* Grid Layout */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
}

.grid > article img {
  max-width: 100px;
	margin: 0 auto;
	display: block;
}

.grid .text {
  padding: 0px 20px;
  text-align: center;
}

.grid .text h3 { font-weight: 800; color: var(--dark-green); margin-bottom: .2em; }

.grid .text p { color: var(--light-green); }

.grid-button { padding: .5em 1em; background-color: var(--terra); border-radius: 20px; color: var(--white); }