/*!
Theme Name: dittos
Author: David Lange
Author URI: bydavidlange.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dittos
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

dittos is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Universal Styles
	## Text Styles
	## Buttons and Fancy Links
	## Post Navigation
	## Banners
	## Box Styles
	## Scroll Effects
# Misc Sections
	## Mixed Content Sections
	## Trio Blocks
	## Testimonials
	## News and Events
# Header
	## Info
# Menus
	## Mobile Menu
	## Sticky Header
# Footer
	## Footer Info and Hours
	## Footer Links
# Index
	## Menu Preview
# Page - About Dittos
	## News Preview
	## Events Preview
# Page - Menu 
	## Menu Image Modal
# Page - Testimonials
# Page - Contact
	## Gravity Forms
# Page - Sitemap
# Landing Page
	## Header
	## Banner
	## Below Banner
# Blog - News & Archives
# Single - Event
# Responsive
	## 1200
	## 992
	## 768
	## 480
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
::-moz-selection {
	color: #fff;
	background: rgba(126, 22, 72, .99);
}
::selection {
	color: #fff;
	background: rgba(126, 22, 72, .99);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	clear: both;
	font-weight: 400;
	font-family: "Unna", serif;
	line-height: 1.2;
	color: #000;
	position: relative;
}
h1 {
	font-size: 4rem;
}
h2 {
	font-size: 3rem;
}
h3 {
	font-size: 2.4rem;
}


p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	max-width: 75%;
	position: relative;
	margin: 0 1.5em;
	font-family: 'Unna', serif;
    font-size: 1.8rem;
	line-height: 1.4;
}
blockquote:before {
	content: '';
	width: 8px;
	height: 60%;
	display: block;
	position: absolute;
	left: -1em;
	transform: rotate(-1deg);
	background: #926828;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #f6f4e8;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	background: none;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*-----------------------------------------------
## Links
-----------------------------------------------*/
a {
	color: #5c9d62;
	text-decoration: none;
}
a:visited {
	color: #3b7a3e;
}
a:hover, a:focus, a:active {
	color: #7cab7c;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.dt_clear:before,
.dt_clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.widget-area:before,
.widget-area:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.dt_clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.widget-area:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	width: 46%;
	margin: 0 0 1.5em;
    float: left;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget-area {
	max-width: 980px;
	margin: 30px auto;
	padding: 0 50px;
}

.widget-title {
	font-size: 2rem;
}
.widget-title::before,
.widget-title::after {
	content: none;
}

.widget ul {
	margin: auto;
	padding: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*-----------------------------------------------
## Posts and pages
-----------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}
.page {
	margin: auto;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.entry-content > p:first-child {
    margin-top: 0;
}
.entry-header {
	margin: auto;
}
.entry-meta,
.entry-meta a,
.cat-links {
	font-size: .8rem;
	color: #84827e;
}

.single .entry-meta,
.single .entry-meta a,
.single .cat-links {
	color: #f6f4e8;
}
.single .entry-meta {
	padding: 2px 10px;
    background: #84827e;
    display: inline-block;
    transform: rotate(2deg);
}

.content-area {
    padding: 100px 0;
}
.dt_trio + .content-area {
    padding-top: 0;
}

.dt_page-wrap a {
	font-weight: 700;
}
.dt_page-wrap h2 a,
.dt_page-wrap h3 a,
.dt_page-wrap h4 a {
	font-weight: 400;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.dt_gencon-wrap {
	max-width: 980px;
	margin: 100px auto;
	padding: 0 50px;
}
/* Title wrapper for single pages and posts including the title and meta */
.dt_single-header,
.dt_page-header {
	margin-bottom: 100px;
}
.dt_single-header {
	padding: 0 50px;
}
.single .dt_single-header,
.dt_gencon-wrap .dt_single-header {
	padding: 0;
}

/* Title wrapper for custom page templates */
.dt_page-header-content {
	max-width: 980px;
	margin: 0 auto 100px;
	padding: 0 50px;
}

/*-----------------------------------------------
## Comments
-----------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*-----------------------------------------------
## Captions
-----------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}

/*-----------------------------------------------
## Galleries
-----------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item { max-width: 50%;		}
.gallery-columns-3 .gallery-item { max-width: 33.33%; 	}
.gallery-columns-4 .gallery-item { max-width: 25%; 		}
.gallery-columns-5 .gallery-item { max-width: 20%; 		}
.gallery-columns-6 .gallery-item { max-width: 16.66%; 	}
.gallery-columns-7 .gallery-item { max-width: 14.28%; 	}
.gallery-columns-8 .gallery-item { max-width: 12.5%; 	}
.gallery-columns-9 .gallery-item { max-width: 11.11%; 	}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Universal Styles
--------------------------------------------------------------*/
.dt_meta {
	font-size: .8rem;
}

.dt_overlay {
	overflow: hidden;
	position: relative;
}
.dt_overlay * {
	position: relative;
	z-index: 1;
}
.dt_overlay:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	background: #4c0626;
	opacity: .8;
	z-index: 0;
}

.dt_hours-header {
	font-weight: 700;
}

/* 
Page Backgrounds 
--------------------------*/

.dt_dark-background {
	background: #c8932e;
}
.dt_dark-background h1, 
.dt_dark-background h2, 
.dt_dark-background h3, 
.dt_dark-background p {
	color: #fff;
}

/*-----------------------------------------------
## Text Styles
-----------------------------------------------*/
h1:after,
h2:after {
	content: '';
	width: 70%;
	max-width: 200px;
	margin: 20px 0 .4em;
	position: relative;
	display: block;
	left: -20px;
	transition: all .3s ease;
	transform: rotate(-2deg);
	border-bottom: 8px solid #7e1648;
}
h1:hover:after {
	transform: rotate(2deg);
}
h2:after {
	max-width: 175px;
	transform: rotate(1deg);
	border-width: 5px;
}
h1:before, 
h2:before {
    content: '';
    width: 30px;
    height: 30px;
    background: #c8932e;
    display: block;
    border-radius: 100%;
    position: absolute;
    bottom: -13px;
    left: 13%;
	z-index: 1;
}
h2:before {
    left: 90px;
}
.dt_banner-content-wrap h1:before {
	left: 50%;
}
.dt_banner-content-wrap h1:after {
	margin: 20px auto .4em;
}
.dt_dark-background h1:before, 
.dt_dark-background h2:before {
	background: #ffed96;
}

/*-----------------------------------------------
## Buttons and Fancy Links
-----------------------------------------------*/
/* 
Button 
--------------------------*/
.dt_btn {
	padding: 18px 34px;
	position: relative;
	background: #5c9d62;
	display: inline-block;
	color: #fff;
	font-weight: 700;
}
.dt_btn:hover {
	color: #fff;
}
.dt_btn:visited {
	color: #fff;
}
.dt_btn:after {
	content: '';
    width: 20px;
    height: 20px;
	position: absolute;
	bottom: -10px;
	right: 10px;
	opacity: 0;
	border: 5px solid #926828;
	border-radius: 20px;
	transition: all .3s ease;
}
.dt_btn:hover:after {
	bottom: -5px;
	opacity: 1;
}

/* 
Links 
--------------------------*/
.dt_link-large {
	margin: auto auto 15px 35px;
	position: relative;
    display: inline-block;
    font-size: 1.2rem;
    float: right;
    font-weight: 700;
    text-decoration: none;
    color: #5c9d62;
}
.dt_link-large:hover,
.dt_link-larger:visited {
	color: #5c9d62;
}
.dt_link-large:after {
	content: '';
	width: 100%;
	position: absolute;
	display: block;
	border-bottom: 4px solid #c8932e;
	transform: translate(15px, 0px);
	transition: all .3s ease;
}
.dt_link-large:hover:after {
	transform: translate(0px, 0px);
}
.dt_link-gold,
.dt_link-gold:hover,
.dt_link-gold:visited {
	color: #ffed96;
	position: relative;
}
.dt_link-gold:after {
	border-color: #926828;
}

.dt_link-small,
.dt_link-small:hover,
.dt_link-small:visited  {
	padding-right: 15px;
	color: #5c9d62;
	position: relative;
}
.dt_link-small:after,
.dt_link-small-gold:after {
	content: '';
    width: 8px;
    height: 13px;
    position: absolute;
    display: block;
    top: 3px;
    right: 0px;
    background: url(images/link_small-arrow.png) left no-repeat;
    background-size: 23px 13px;
    background-position: -7px;
    transition: all .4s ease;
}
.dt_link-small-gold:after {
	background-position: left;
}
.dt_link-small:hover:after,
.dt_link-small-gold:hover:after {
	transform: translateX( 8px );
}
.dt_link-small-gold {
	padding-right: 15px;
	position: relative;
}
.dt_link-small-gold,
.dt_link-small-gold:hover,
.dt_link-small-gold:visited {
	color: #ffed96;
	background-position: left;
}

.dt_link-small-block-gold,
.dt_link-small-block-gold:hover,
.dt_link-small-block-gold:visited {
	color: #c8932e;
    background: #ffed96;
    padding: 20px 35px 20px 20px;
}
.dt_link-small-block-gold:after {
	top: 22px;
    right: 15px;
	color: #c8932e;
}

.dt_link-small-block-gold:after {
	background-position: -16px;
	background-size: 23px 13px;
}

.dt_menu-prev .dt_inspire {
	top: 45%;
}
.dt_inspire .dt_link-small-gold {
	margin-top: 30px;
}
.dt_menu-prev .dt_inspire h2 {
	top: -50px;
}

.dt_link-right {
	float: right;
}

.dt_link-right.dt_link-small:after, 
.dt_link-right.dt_link-small-gold:after {
	top: 5px;
}

/*-----------------------------------------------
## Post Navigation
-----------------------------------------------*/
.dt_posts-navigation {
	max-width: 1800px;
	margin: auto;
}
.dt_posts-navigation nav {
	max-width: 155px;
	margin: auto;
}
.dt_posts-navigation span {
	margin: 0 25px;
	border-left: 3px solid #c8932e;
}
.nav-next a {
	padding-right: 15px;
	position: relative;
}
.nav-previous a, 
.nav-next a {
	position: relative;
}
.nav-previous {
	padding-left: 15px;
}
.nav-next {
	padding-right: 15px;
}
.nav-previous a:before,
.nav-next a:after {
	content: '';
	width: 8px;
    height: 13px;
	position: absolute;
	display: block;
	background: url(images/link_small-arrow.png) left no-repeat;
	background-size: 15px 13px;
	transition: all .4s ease;
}
.nav-previous a:before {
    top: 3px;
    left: -15px;
	background-position: -8px 0px;
	transform: rotate(180deg);
}
.nav-next a:after {
    top: 3px;
    right: 0px;
	background-position: -8px 0px;
}
.nav-next a:hover:after {
	transform: translateX( 8px );
}
.nav-previous a:hover:before {
	transform: rotate(180deg) translateX( 8px );
}

/* 
News Preview
--------------------------*/
.dt_posts-navigation-num nav {
	max-width: none;
}
.dt_posts-navigation-num span {
	margin: 0 15px; 
	border-left: none;
	font-size: 1.3rem;
	color: #58554f;
}
.dt_posts-navigation-num .prev {
	margin-right: 15px;
}
.dt_posts-navigation-num .next {
	margin-left: 15px;
}

/*-----------------------------------------------
## Banners
-----------------------------------------------*/
.dt_banner {
	min-height: 350px;
	position: relative;
	background-position: center;
	background-repeate: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
}
.dt_banner:after {
	content: '';
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #380018;
	opacity: .7;
}

.dt_banner-med {
	min-height: 600px;
}
.dt_banner-hasTrio {
	padding-bottom: 75px;
}

.dt_banner h1 {
	font-size: 4.8rem;
	color: #ffed96;
}
.dt_banner-text {
	font-size: 1.3rem;
}
.dt_banner-time {
	font-size: 1.8rem;
	text-transform: uppercase;
}

/* 
Inspire Banner
--------------------------*/
.dt_inspire {
	margin: auto;
	padding: 0 50px;
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 11;
}
.dt_inspire:before,
.dt_inspire h2:before {
	left: 50%;
}
.dt_inspire:after,
.dt_inspire h2:after {
	margin: 20px auto .4em;
	border-color: #c8932e;
}
.dt_inspire-banner {
	height: 550px;
	position: relative;
	background: #7e1648;
	background-size: cover;
	bacground-repeat: no-repeat;
}
.dt_inspire span {
	font-size: 1rem;
	font-family: "DM Sans", sans-serif;
	color: #b17391;
}

.dt_inspire-banner .dt_link-small-gold {
    display: inline;
    z-index: 11;
    transform: translateX(-50%) translateY(-44%);
}
/*-----------------------------------------------
## Scroll Effects
-----------------------------------------------*/

.dt_fade-delay-2 {
	transition: all .2s ease;
}
.dt_fade-delay-3 {
	transition: all .3s ease;
}
.dt_fade-delay-5 {
	transition: all .5s ease;
}
.dt_fade-delay-1 {
	transition: all 1s ease;
}

.dt_fade-ready {
	opacity: 0;
	transform: translateY(50px);
}
.dt_fade-up {
	opacity: 1;
	transform: translateY(0px);
}

.dt_parallaxParent {
	overflow: hidden;
}
.dt_banner-image {
	height: 200%;
	position: relative;
	top: -55%;
	background-size: cover;
	background-repeat: no-repeat;
}

/*-----------------------------------------------
## Box Styles
-----------------------------------------------*/
.dt_box-styles {
	position: relative;
}
.dt_box-styles-inner-wrap {
	z-index: 1;
	display: block;
	position: relative;
}
.dt_box-styles::before {
	content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: -26px;
    bottom: 100px;
    z-index: 2;
    border: 10px solid #ffed96;
    border-radius: 100%;
}
.dt_box-styles::after {
	content: '';
	width: 100%;
	height: 95px;
    position: absolute;
    left: -40px;
    bottom: -40px;
	background: #926828;
	z-index: 0;
}
.dt_mixed-frame-light::before {
	border-color: #c8932e;
}
.dt_mixed-frame-light:after {
	background: #c8932e;
	left: -35px;
    bottom: 0px;
}
.dt_page-contact .dt_mixed-frame-image {
	margin-bottom: 40px;
}

/*--------------------------------------------------------------
# Misc Sections
--------------------------------------------------------------*/
/*-----------------------------------------------
## Mixed Content Section
-----------------------------------------------*/
.dt_mixed-frame {
	max-width: 1800px;
	margin: auto;
	padding: 0 50px;
}

.dt_mixed-frame h1,
.dt_mixed-frame h2 {
    margin-bottom: 50px;
}

.dt_mixed-frame-copy,
.dt_mixed-frame-image {
	max-width: 43%;
	float: left;
}
.dt_mixed-frame-copy {
}
.dt_mixed-frame-image {
	max-width: 41%;
	margin-left: 16%;
	z-index: 1;
}

.dt_mixed-frame-right .dt_mixed-frame-copy {
	padding: 0 0 0 100px;
	float: left;
}
.dt_mixed-frame-right .dt_mixed-frame-image {
	padding: 0 100px 0 0;
}

/*-----------------------------------------------
## Trio Blocks
-----------------------------------------------*/
.dt_trio {
	background: #c8932e;
}

.dt_trio-wrap {
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.dt_trio-wrap ul {
	margin: auto;
	padding: 0;
}

.dt_trio-block {
	max-width: 32.333%;
	float: left;
	background: #fff;
	transform: translateY(-130px);
}
.dt_trio-block:nth-child(2) {
	margin: 0 1.5% 0;
}

.dt_trio-image {
	overflow: hidden;
}
.dt_trio-image img {
	width: 100%;
	display: block;
}

.dt_trio-copy {
	padding: 30px 40px 50px;
	transition: height .3s ease;
}
.dt_trio-copy h2 {
	font-size: 2.3rem;
	color: #000;
}
.dt_trio-copy h2:before,
.dt_trio-copy h2:after {
	content: none;
}
.dt_trio-copy p {
	color: #000;
}

.dt_trio-price:before {
    content: '';
    display: block;
    width: 150px;
    margin: 0 auto 25px;
	border-bottom: 1px solid #c7c7c2;
}
.dt_trio-price {
	font-size: 1.4rem;
    font-weight: 700;
}

/*-----------------------------------------------
## Testimonials
-----------------------------------------------*/
.dt_home-testimonials {
	padding: 200px 50px 75px;
	background: #f6f4e8;
}
.dt_home-testimonials-wrap {
	max-width: 1800px;
	margin: auto;
}
.dt_home-testimonials-wrap ul {
	margin: 0 0 100px;
	padding: 0;
}
.dt_home-testimonial {
	width: 28.333%;
	padding: 0 20px;
	float: left;
	font-family: 'Unna', serif;
	font-size: 1.4rem;
	line-height: 1.6;
}
.dt_home-testimonial:nth-child(2) {
	margin: 0 7.5% 0;
}
.dt_home-testimonial:before {
	content: '';
	width: 130px;
	height: 49px;
	display: block;
    margin-bottom: 50px;
	background: url(images/testimonials-qoutes.png) center no-repeat;
	background-size: contain;
}

.dt_home-testimonials-wrap span {
	text-align: right;
	font-weight: 700;
	float: right;
	font-family: 'DM Sans', 'sans-serif';
	font-size: 1.2rem;
	color: #5c9d62;
}
.dt_home-testimonials-wrap span:before {
	content: '-';
	padding-right: 10px;
}
.dt_home-testimonials .dt_link-large {
	float: none;
	left: 50%;
	transform: translateX(-50%);
}

.dt_home-testimonial p {
	color: #000;
}

/*-----------------------------------------------
## News and Events
-----------------------------------------------*/
/* 
News
--------------------------*/
.dt_news {
	padding: 100px 0 0;
	background: #c8932e;
}

.dt_news h2:before {
	content: none;
}
.dt_news h1:after, 
.dt_news h2:after {
	margin: 10px 0 .4em;
	left: -12px;
}
.dt_news-content-wrap {
	max-width: 1800px;
	margin: auto;
	padding: 0 100px;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.dt_news-latest,
.dt_event-preview {
	flex: 0 1 40%;
}
.dt_news-latest {
	background: #fff;
	margin-right: 20px;
	display: flex;
	flex: 0 1 60%;
}

.dt_news-img {
	float: left;
	width: 25%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.dt_news-latest-wrap {
	width: 75%;
	float: left;
	padding: 50px 75px 50px 75px;
}

.dt_news-latest-post {
	padding-top: 25px;
}
.dt_news-meta,
.dt_news-meta a {
	color: #84827d;
}

.dt_news-latest h2,
.dt_event-preview h2 {
	margin: 0;
	color: #000;
}

.dt_news-latest h3,
.dt_event-preview h3 {
	margin-bottom: 0;
	line-height: 1.1;
	font-family: 'DM Sans', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: #7e1648;
}
.dt_news-latest-post p,
.dt_event-preview p {
	color: #000;
}

/* 
Events
--------------------------*/
.dt_event-preview {
	background: #fff;
	padding-top: 50px;
	position: relative;
}
.dt_event-preview-header {
	padding: 0 0 0 50px;
}

.dt_event-preview-content {
	padding: 20px 50px 50px;
}
.dt_event-info {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
    text-transform: uppercase;
}
.dt_event-info > span {
	color: #84827d;
	font-weight: 700;
}
.dt_event-info-details {
	font-size: 1.5rem;
}
.dt_event-info-details span:first-of-type {
	margin: 0 50px 0 0;
}
.dt_news .dt_mixed-frame-copy.dt_event-preview {
	padding: 50px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead {
	z-index: 9999;
	position: relative;
	background: #f6f4e8;
}

.site-branding {
	padding: 20px;
	position: absolute;
	top: 40px;
	left: 70px;
	display: block;
	background: #f6f4e8;
	transform: rotate(3deg);
}
.site-branding img {
	max-width: 150px;
	transform: rotate(-3deg);
}
.site-branding,
.site-branding img,
.site-branding:before,
.site-branding:after {
	transition: all .1s;
}
.site-branding:before,
.site-branding:after {
	content: '';
    width: 15px;
    height: 100%;
    background: #c8932e;
    position: absolute;
    display: block;
    left: -27px;
    top: 18px;
    transform: rotate(1deg);
}
.site-branding:after {
	width: 30%;
	height: 10px;
	left: 20px;
	top: unset;
	bottom: -20px;
	background: #7e1648;
	transform: rotate(1deg);
	transition-duration: .3s;
}
.site-branding:hover {
	transform: rotate(-3deg);
}
.site-branding:hover img {
	/* transform: rotate(3deg); */
}
.site-branding:hover:before  {
	transform: rotate(-6deg);
}
.site-branding:hover:after  {
	transform: rotate(-180deg);
}

#dt_header-content {
	width: 90%;
	padding: 30px 50px 0 0;
	float: right;
}

/*-----------------------------------------------
## Info
-----------------------------------------------*/
.dt_header-contact {
	max-width: 600px;
    float: right;
	text-align: right;
	margin-bottom: 20px;
	color: #5c9d62;
	font-size: 1.8rem;
    font-family: 'Unna', serif;
}
.dt_header-contact-wrap {
	float: left;
}
.dt_header-contact-wrap > a {
	margin-right: 15px;
	color: #5c9d62;
}
.dt_header-contact-wrap > a:visited {
	color: #5c9d62;
}
.dt_header-contact-wrap a:hover {
	color: #c8932e;
}
.dt_social {
	display: block;
	margin-left: 20px;
	float: left;
}
.dt_social a {
	width: 32px;
    height: 32px;
    margin: 0 5px;
	display: inline-block;
	position: relative;
	top: 3px;
	background: #5c9d62;
	color: #fff;
	border-radius: 100px;
	transition: all .3s ease;
	background-image: url(images/social_icons.png);
	background-repeat: no-repeat;
	background-size: 100px 18px;
	background-position: 11px;
}
a.dt_social-in {
	background-position: -17px;
}
#dt_header-content .dt_social a:last-child {
	margin-right: 0;
}
.dt_social a:hover {
	transform: translateY(5px);
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.main-navigation a.dt_order,
.dt_order {
	display: block;
	float: right;
	padding-left: 18px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c8932e;
}
.dt_order img {
	max-width: 70px;
}

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

#dt_primary-menu {
	width: 85%;
	height: auto;
	position: relative;
	top: unset;
	left: unset;
	float: right;
	background: none;
	/* Grubhub link styles
	padding-right: 30px;
	border-right: 1px solid #adaca6;
	*/
}
#dt_primary-menu a {
	transition: transform .3s ease;
}
#primary-menu > li > a:hover {
	transform: rotate(-3deg);
	display: inline-block;
	color: #c8932e;
}
#primary-menu > li:nth-child(odd) a:hover {
	transform: rotate(3deg);
}
.main-navigation a.dt_order:hover {
	transform: rotate(3deg);
	transition: transform .3s ease;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0;
	float: right;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background: #7d1648;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
	color: #f6f4e8;
	padding: 10px 20px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	padding: 0 10px 30px;
}
.main-navigation li:last-child {
	padding-right: 0;
}
.main-navigation li ul li {
	width: 100%;
	float: left;
    clear: both;
    padding: 10px 5px;
}
.main-navigation li ul li:hover {
	background: #c8932e;
}

.main-navigation a {
	text-decoration: none;
	font-weight: 700;
	color: #5c9d62
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*-----------------------------------------------
## Mobile Menu
-----------------------------------------------*/
#dt_mobile-menu-container {
	width: 100%;
	height: 100%;
	height: 100vh;
	padding-bottom: 75px;
	position: absolute;
	right: 999em;
	transition: all .3s ease;
	padding: 0;
	top: 0;
	z-index: 10000;
	display: block;
	background: #7d1648;
	border-right: none;
	overflow: scroll;
}

.dt_mobile-menu-header {
	margin-bottom: 25px;
	padding: 25px;
}
.dt_mobile-menu-logo {
	max-width: 116px;
	float: left;
}
.dt_mobile-menu-container .dt_social a {
	background-color: #4b0625;
}

#dt_mobile-menu {
	margin: auto;
	padding: 0;
}
#dt_mobile-menu a {
	padding: 0px 25px;
	color: #ffed96;
	font-size: 1.5rem;
}
#dt_mobile-menu ul {
	margin: 0;
	padding: 0 0 20px;
}
#dt_mobile-menu ul ul {
	height: 0;
	margin-left: 25px;
	padding: 0;
	overflow: hidden;
	transition: height .3s ease;
}

.dt_menu-arrow {
	width: 20px;
	height: 13px;
	position: relative;	
	display: inline-block;
	margin-left: 8px;
}
.dt_menu-arrow span {
    width: 70%;
	height: 3px;
	top: 4px;
    position: relative;
    background: #5e0a36;
    transform: rotate(45deg);
    display: block;
}
.dt_menu-arrow span:last-of-type {
    transform: rotate(-45deg);
	left: 8px;
	top: 1px;
}

.dt_header-mobile-contact-wrap {
	padding: 25px;
}
.dt_header-mobile-contact-wrap a {
	display: block;
	color: #ffed96;
	font-family: 'Unna', serif;
	font-size: 1.3rem;
}
.dt_mobile-menu-contact {
	padding-bottom: 35px;
}

.menu-toggle {
	display: block;
	padding: 0;
	position: relative;
}
.menu-toggle {
	display: none;
	position: relative;
	z-index: 9999;
	margin-bottom: 24px;
}
.dt_hamburger-wrap span {
	width: 30px;
    height: 30px;
	height: 3px;
	display: block;
	margin: 7px 0;
	background: #5c9d62;
	transition: all .3s ease;
}
.dt_hamburger-wrap span:first-of-type {
	margin-top: 0;
}
.dt_hamburger-wrap span:last-of-type {
	margin-bottom: 0;
}

/* 
Mobile Styles
--------------------------*/
@media screen and (max-width: 768px) {

	.dt_header-contact .dt_social {
		display: none;
	}
	.menu-toggle {
		display: block;
		float: right;
		transition: all .5s ease;
	}
	#dt_primary-menu { 
		display: none;
	}
	.main-navigation ul {
		padding: 30px 0 30px 30px;
	}
	.main-navigation ul {
		width: 100%;
		float: left;
		padding: 30px;
	}
	.main-navigation ul li {
		width: 100%;
		padding: 5px 0;
		float: none;
	}
	.main-navigation ul ul {
		position: relative;
		height: 0;
    	transition: height .3s ease;
	}
	.main-navigation li ul li {
		padding: 10px 5px;
	}

	/* 
	Toggled
	--------------------------*/

	/* Lock body scroll on mobile/toggled */
	html.dt_menu-open,
	.dt_menu-open body {
		overflow: hidden;
	}

	#dt_mobile-menu-container.toggled {
		right: 0;
		display: block;
	}
	.dt_menu-open .dt_hamburger-wrap span {
		background: #ffed96;
	}
	.dt_menu-open .menu-toggle span:first-of-type {
		transform: translateY(10px) rotate(-45deg);
	}
	.dt_menu-open .menu-toggle span:nth-of-type(2) {
		width: 0;
	}
	.dt_menu-open .menu-toggle span:last-of-type {	;
		transform: translateY(-10px) rotate(45deg);;
	}

	#dt_mobile-menu ul ul.menu_open {
		margin-bottom: 15px;
	}
}

	
/*-----------------------------------------------
## Sticky Header
-----------------------------------------------*/
/* styles when the sticky header class is applied*/

.dt_sticky-header #masthead {
	width: 100%;
	position: fixed;
	top: 0;
	transition: all .3s ease;
}

/* Lock body scroll on mobile/toggled */
html.dt_menu-open.dt_sticky-header,
.dt_menu-open.dt_sticky-header body {
	overflow: hidden;
}

/* 
Animation 
--------------------------*/

/* 
Logo 
--------------------------*/
.dt_sticky-header .site-branding {
	padding: 10px;
	top: 0;
	left: 15px;
}
.dt_sticky-header .site-branding:before, 
.dt_sticky-header .site-branding:after {
	content: none;
}
.dt_sticky-header .site-branding img {
	max-width: 80px;
}

/*--------------------------*/

.dt_sticky-header #dt_header-content {
	padding: 25px 50px 0 0;
}
.dt_sticky-header .dt_header-contact {
	display: none;
}

.dt_sticky-header .dt_header-contact .dt_social {
	display: none;
}
.dt_sticky-header .menu-toggle {
	display: block;
	float: right;
	transition: all .5s ease;
}
.dt_sticky-header #dt_primary-menu { 
	display: none;
}
.dt_sticky-header .main-navigation ul {
	padding: 30px 0 30px 30px;
}
.dt_sticky-header .main-navigation ul {
	width: 100%;
	float: left;
	padding: 30px;
}
.dt_sticky-header .main-navigation ul li {
	width: 100%;
	padding: 5px 0;
	float: none;
}
.dt_sticky-header .main-navigation ul ul {
	position: relative;
	height: 0;
	transition: height .3s ease;
}
.dt_sticky-header .main-navigation li ul li {
	padding: 10px 5px;
}
/* 
Toggled
--------------------------*/

/* Lock body scroll on mobile/toggled */

.dt_sticky-header #dt_mobile-menu-container.toggled {
	position: fixed;
    display: block;
    top: 0;
	right: 0;
}
.dt_sticky-header.dt_menu-open .dt_hamburger-wrap span {
	background: #ffed96;
}
.dt_sticky-header.dt_menu-open .menu-toggle span:first-of-type {
	transform: translateY(10px) rotate(-45deg);
}
.dt_sticky-header.dt_menu-open .menu-toggle span:nth-of-type(2) {
	width: 0;
}
.dt_sticky-header.dt_menu-open .menu-toggle span:last-of-type {	;
	transform: translateY(-10px) rotate(45deg);;
}

.dt_sticky-header #dt_mobile-menu ul ul.menu_open {
	margin-bottom: 15px;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	background: #7e1648;
}

.dt_hours-wrap div,
.dt_footer-menu li {
	padding: 2px 0;
}

/*-----------------------------------------------
## Footer Info and Hours
-----------------------------------------------*/
.dt_footer-content {
	max-width: 1200px;
	margin: auto;
}

.dt_footer-map {
	height: 100%;
	height: 470px;
	width: 60%;
	float: left;
	background: url(images/map.jpg) center / cover no-repeat;
}

.dt_footer-info,
.dt_footer-links {
	float: left;
}
.dt_footer-links ul {
	margin: 0;
	padding: 0;
}

.dt_footer-info-all {
	width: 40%;
	padding: 50px 50px 0;
	float: left;
}

.dt_footer-info {
	width: 70%;
	background: #4c0626;
	color: #fff;
}

.dt_footer-hours {
	margin-top: 20px;
}
.dt_hours-title {
	margin-bottom: 10px;
	font-weight: 700; 
	color: #b27391;
}
.dt_footer-phone-address {
}
.dt_footer-phone-address a {
	display: inline-block;
	float: left;
	clear: both;
	color: #fff;
}
.dt_footer-contact .dt_social {
	margin-left: 0;
	padding: 10px 0;
	display: block;
}
.dt_footer-contact .dt_social a:first-child {
	margin-left: 0;
}

.dt_hours-wrap div span:first-of-type {
	float: left;
}
.dt_hours-wrap div span:last-of-type {
	float: right;
}

.site-info {
	background: #f6f4e8;
}
/*-----------------------------------------------
## Footer Links
-----------------------------------------------*/
.dt_footer-links {
	width: 30%;
    padding: 75px 5% 75px 7%;
}

.dt_footer-links a {
	color: #fff;
}

.dt_footer-menu ul.sub-menu {
    display: none;
}

.site-info {
	padding: 30px 50px;
	text-align: center;
	font-size: .8rem;
	color: #84827e;
}

.menu-footer-menu-small-container,
.menu-footer-menu-small-container ul,
.menu-footer-menu-small-container li {
	display: inline;
}
.menu-footer-menu-small-container ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.menu-footer-menu-small-container li {
	padding-right: 10px;
}

/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/
.dt_banner-home {
	height: 900px;
}

.dt_home-info {
	padding: 100px 0 100px;
	background: #c8932e;
	color: #fff;
}

.dt_banner-content-wrap {
	max-width: 1200px;
	padding: 0 50px;
	position: relative;
	z-index: 99;
}

.dt_home-info .dt_mixed-frame {
	margin-bottom: 120px;
}

/*-----------------------------------------------
## Menu Preview
-----------------------------------------------*/
.dt_see-menu {
	padding: 0px 0 75px;
}
.dt_see-menu p {
	margin-bottom: 10px;
	font-family: 'Unna', serif;
	font-size: 2rem;
	text-align: center;
}

.dt_see-menu a {
	width: 50px;
	height: 40px;
	display: block;
	margin: auto;
}
.dt_see-menu-arrow {
	width: 7px;
	height: 100%;
	margin: auto;
	background: #ffed96;
	position: relative;
	transition: all .3s ease;
}
.dt_see-menu a:hover .dt_see-menu-arrow {
	transform: translateY(10px);
}

.dt_see-menu-arrow:before,
.dt_see-menu-arrow:after {
	content: '';
	width: 35px;
	height: 7px;
	position: absolute;
	bottom: 5px;
	left: -4px;
	display: block;
	background: #ffed96;
	transform: rotate(-45deg);
}
.dt_see-menu-arrow:before {
	left: -24px;
	transform: rotate(45deg);
}

.dt_menu-prev {
	background: #7d1648;
}
.dt_menu-prev .dt_menu-header p {
	display: none;
}

/* 
Menu Prev Main
--------------------------*/
.dt_menu-prev-slider-wrap {
	max-width: 1400px;
	margin: auto;
	background: #fff;
}

/* 
Header
--------------------------*/
.dt_menu-prev-btns {
	background: #c8932e;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}
.dt_menu-prev-btns ul {
	margin: 0;
	padding: 0;
}
.dt_menu-prev-btns li {
	width: 20%;
	padding: 30px;
	float: left;
	border-right: 1px solid #926728;
	transition: background .4s ease;
}
.dt_menu-prev-btns li:last-of-type {
	border-right: none;
}
.dt_menu-prev-btns li:hover {
	cursor: pointer;
}
.dt_menu-prev-btn-current {
	background: #926728;
}

/* 
Menus
--------------------------*/
.dt_menu-prev-main {
	padding-bottom: 100px;
}

.dt_menu-prev-slider-wrap {
	margin-top: -88px;
	position: relative;
}
.dt_menu-prev-menus-wrap ul {
	width: 100%; 
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	transition: height .3s ease;
}
.dt_menu-prev-menus-wrap ul li {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 800px;
	transition: all .3s ease;
}
.dt_menu-prev-menus-wrap ul li.dt_menu-prev-current {
	top: 0;
	z-index: 2;
}

.dt_menu-prev-main-bottom {
	padding-top: 50px;
	text-align: center;
}


/* 
Change default menu styles
--------------------------*/
.dt_menu-prev .dt_menu-has-children > .dt_menu-header,
.dt_menu-prev #dt_menu-cocktails .dt_menu-header,
.dt_menu-prev #dt_menu-wine > .dt_menu-header,
.dt_menu-prev #dt_menu-champagne .dt_menu-header {
	background-color: #4b0625;
}
.dt_menu-prev .dt_menu-has-children > .dt_menu-header h3,
.dt_menu-prev #dt_menu-cocktails .dt_menu-header h3,
.dt_menu-prev #dt_menu-champagne .dt_menu-header h3 {
	color: #fff;
}

.dt_menu-prev .dt_menu-header h3 {
    font-size: 1.1rem;
    font-family: 'DM Sans', sans-serif;
    color: #58554f;
}
.dt_menu-prev .dt_menu-item-price {
	background: none;
	color: inherit;
	transform: none;
}

.dt_menu-prev .dt_menu-row {
	padding: 20px 25px;
}
.dt_menu-prev .dt_menu-item {
	padding: 0px 25px 8px;
}
.dt_menu-prev .dt_menu-item-content p {
	margin: 5px 0 1em;
	font-size: .9rem;
}
.dt_menu-prev .dt_menu-item-header {
    font-size: 1.2rem;
	line-height: 1.3;
}
.dt_menu-prev .dt_menu-header {
	margin: 0px 0 15px;
	padding: 14px 25px 14px;
	background: #d5d5cd;
}


/*--------------------------------------------------------------
# Page - About Dittos
--------------------------------------------------------------*/
.dt_page-about .dt_page-wrap {
	margin: 100px auto 200px;
}

/*-----------------------------------------------
## News Preview
-----------------------------------------------*/
.dt_news-prev {
	padding: 100px 0;
	background: #f6f4e8;
}
.dt_news-prev h2:before {
	background: #c8932e;
}

.dt_news-prev h2,
.dt_news-prev p {
	color: #000;
}
.dt_news-prev  h3 {
	color: #7d1648;
}

.dt_news-prev-header {
	max-width: 1800px;
	margin: auto;
	padding: 0 50px;
}

.dt_news-prev-excerpts {
	max-width: 1800px;
    margin: 50px auto 0;
    padding: 0 50px;
	display: flex;
	justify-content: center;
	align-content: stretch;
	flex-wrap: wrap;
}

.dt_news-prev-excerpt-each {
	padding: 0 25px;
	    flex-basis: 25%;
}
.dt_news-prev-excerpt-each h3 {
	line-height: 1.1;
    font-family: 'DM Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
}

.dt_news-prev-date {
	text-transform: uppercase;
	color: #84827d;
	font-size: 1.2rem;
	margin-bottom: 5px;
}

.dt_news-prev-excerpt-each p {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 4px solid #c8932e;
}

.dt_news-prev-excerpt-each .dt_link-small {
	float: right;
} 

/*-----------------------------------------------
## Events
-----------------------------------------------*/
.dt_about-event-prev-wrap {
	max-width: 1200px;
	padding: 0 50px;
	margin: 100px auto;
}

.dt_about-events-prev-content {
	margin-top: 50px;

}
.dt_about-events-prev-img-wrap {
	max-width: 25%;
	float: left;
	overflow: hidden;
}
.dt_about-events-prev-copy-wrap {
	max-width: 75%;
	padding-left: 50px;
	float: left;
}

.dt_about-events-prev-time {
	margin-bottom: 15px;
    font-size: 1.7rem;
}
.dt_dark-background .dt_about-events-prev-time {
	color: #fff;
}
.dt_dark-background .dt_about-events-prev-content a {
	color: #ffed96;
}

.dt_dark-background .dt_about-events-prev-content .dt_link-large:after {
	border-color: #926828;
}

.dt_about-events-prev-time span:first-of-type {
	margin-right: 30px;
}


/*--------------------------------------------------------------
# Page - Menu
--------------------------------------------------------------*/
.dt_menu-header-links {
	max-width: 1200px;
	margin: 0 auto 25px;
	padding: 0;
}
.dt_menu-header-links li {
	width: 11.1111%;
	float: left;
	border-right: 1px solid #c8932e;
}
.dt_menu-header-links li:hover {
	cursor: pointer;
}
.dt_menu-header-links a {
	width: 100%;
    display: block;
    text-align: center;
	padding: 20px 10px;
	background: #ffed96;
	color: #3b7a3e;
}

.dt_menu-header-links li:last-of-type {
	border-right: none;
}

.dt_menu-wrap {
	max-width: 1200px;
	margin: 0 auto 100px;
}
.dt_menu-parent .dt_menu-header {
	margin: 0px 0 15px;
	padding: 14px 25px 14px;
	background: #d5d5cd;
}
.dt_menu-parent .dt_menu-header h3 {
    font-size: 1.1rem;
    font-family: 'DM Sans', sans-serif;
    color: #58554f;
}
.dt_menu-has-children .dt_menu-header {
	margin-bottom: 0;
}

.dt_menu-each-wrap {
	background: #fff;
}

.dt_menu-header {
	margin: 50px 0 30px;
	padding: 20px 25px 25px;
    background: #7d1648;
    color: #fff;
}
.dt_menu-header h3 {
	margin: 0;
	text-align: center;
}
.dt_menu-header p {
	text-align: center;
	margin: 0;
	color: #dc74a6;
}

.dt_menu-row {
	width: 100%;
	margin: auto;
	margin: auto;
    padding: 25px 50px 50px;;
}

.dt_menu-column {
	width: 50%;
	float: left;
}
.dt_menu-column:first-of-type {
	border-right: 1px solid #c7c7c2;
}
/* */
.dt_menu-item {
	padding: 0px 25px 15px;
    margin: 15px 0;
	border-bottom: 1px solid #c7c7c2;
}
.dt_menu-pic-thumb {
	width: 20px;
	cursor: pointer;
}
.dt_menu-item-content {
	width: 100%;
	float: left;
}
.dt_menu-item-content p {
	margin-bottom: 5px;
	font-size: 1rem;
	line-height: 1.4;
	color: #000;
}
.dt_menu-item-header {
	width: 100%;
	font-size: 1.3rem;
	font-weight: 700;
}
.dt_menu-item-title {
	max-width: 75%;
	float: left;
	line-height: 1.2;
}
.dt_menu-item-price {
	float: right;
	padding: 2px 11px;
    background: #c8932e;
    color: #fff;
    transform: rotate(-2deg);
}

.dt_menu-item:nth-child(even) .dt_menu-item-price {
    transform: rotate(2deg);
}

#dt_menu-drinks > .dt_menu-header {
    margin-bottom: 0;
}

/*-----------------------------------------------
### Custom Sub-menu Headings
-----------------------------------------------*/
#dt_menu-wine > .dt_menu-header {
	background: #7d1648;
}
#dt_menu-wine > .dt_menu-header h3 {
	color: #fff;
}

/*-----------------------------------------------
## Menu Image Modal
-----------------------------------------------*/
.dt_menu-modal {
	width: 100%;
	padding: 0 50px 0;
	position: fixed;
	left: 0;
	bottom: -999em;
	z-index: 9999;
}
.dt_menu-modal:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	opacity: 0;
	transition: opacity .6s ease;
	background: #000;
}
.dt_menu-modal.dt_modal-visible:before {
	opacity: .9;
}
.dt_modal-visible {
	height: 100%;
	bottom: 0;
}

.dt_menu-modal-content {
	max-width: 1000px;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
			transition: top .6s ease;
}

.dt_menu-modal-content img {
	max-height: calc( 88vh - 100px);
	border: 10px solid #fff;
	box-shadow: 0px 10px 30px rgba(0,0,0, .1)
}

.dt_menu-modal-content p {
	color: #fff;
}

.dt_menu-modal.dt_modal-visible .dt_menu-modal-content {
	top: 53%;
}

.dt_modal-x {
	width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    right: -50px;
    cursor: pointer;
}
.dt_modal-x:before,
.dt_modal-x:after {
	content: '';
	width: 0px;
	height: 7px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #c8932e;
	transition: all .5s ease;
}

.dt_modal-x:before {
	width: 30px;
	transform: rotate(45deg)
}
.dt_menu-modal.dt_modal-visible .dt_modal-x:after {
	width: 30px;
	transform: rotate(-45deg);
}

.dt_menu-modal-content p {
	margin-top: 0;
}

/*--------------------------------------------------------------
# Page - Testimonials
--------------------------------------------------------------*/
.dt_testimonial-links {
	margin: auto;
	float: none;
}

.dt_testimonials-wrap {
	max-width: 1800px;
	margin: auto;
	padding: 50px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

.dt_testimonial {
	position: relative;
	margin-bottom: 100px;
	padding: 0 4%;
    flex-basis: 33.333%;
}
.dt_testimonial:before,
.dt_testimonial:after {
	content: '';
	display: block;
	position: relative;
}
.dt_testimonial:before {
	width: 100%;
	margin: 25px 0;
	border-bottom: 5px solid #c8932e;
}
.dt_testimonial:after {
	width: 100px;
	height: 50px;
	top: -50px;
	position: absolute;
	background: url(images/testimonials-qoutes.png) center no-repeat;
	background-size: contain;
}
.dt_testimonials-name {
    /* text-align: right; */
	float: right;
	font-size: 1.2rem;
    font-weight: 700;
	color: #5c9d62;
}
.dt_testimonials-name:before {
	content: '-';
	padding-right: 10px;
}
a.dt_social-goo {
	background-position: -48px;
}
a.dt_social-ylp {
	background-position: -77px;
}
.dt_testimonials-navigation .nav-links {
	text-align: center;
}

/*--------------------------------------------------------------
# Page - Contact
--------------------------------------------------------------*/
.dt_contact-wrap {
	max-width: 1200px;
	margin: 0 auto 100px;
	padding: 0 50px;
}

.dt_contact-info,
.dt_contact-map,
.dt_contact-misc-info,
.dt_contact-hours {
	width: 50%;
	float: left;
}
.dt_contact-map {
	height: 500px;
	width: 43%;
    margin-left: 7%;
	background: url(images/map.jpg) center no-repeat;
	background-size: cover;
}

.dt_contact-info {
	padding-right: 25px;
}

.dt_contact-misc-info {
	max-width: 300px;
}

.dt_contact-hours {
	width: 40%;
	float: right;
}
.dt_contact-hours div {
	padding: 5px 0;
	font-weight: 400;
}

.dt_contact-info img {
	margin-bottom: 30px;
}
.dt_page-contact .dt_mixed-frame-image {
    max-width: 100%;
    margin-left: 0;
}

.dt_contact-phone-address,
.dt_contact-phone-address a {
    color: #000;
    font-size: 1.4rem;
	font-weight: 400;
}
.dt_contact-phone-address a {
	float: left;
	clear: both;
}

.dt_contact-wrap .dt_social {
	float: left;
	margin: 10px 0 0;
}
.dt_contact-wrap .dt_social a:first-of-type {
	margin-left: 0;
}
.dt_contact-wrap .dt_btn {
	margin-top: 30px;
	float: left;
	clear: both;
	display: block;
	font-weight: 700;
}

.dt_contact-wrap .dt_order {
	margin-top: 15px;
	float: left;
	clear: both;
	padding-left: 0;
}

/*-----------------------------------------------
## Gravity Forms
-----------------------------------------------*/
.dt_contact-reservation {
	width: 100%;
	margin-top: 75px;
    float: left;
	display: block;
}

.dt_page-contact .gform_wrapper,
.gform_confirmation_wrapper  {
    margin: 0;
    max-width: 100%;
    padding: 25px;
	background: #fff;
}

.dt_site .gform_wrapper h3.gform_title {
	font-size: 2.5rem;
	font-weight: 400;
}

.gform_wrapper .top_label .gfield_label, 
.gform_wrapper legend.gfield_label {
	color: #5c9d62;
	font-size: 1.1rem;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
	color: #84827d;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit],
.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding: 18px 34px;
	position: relative;
	background: #5c9d62;
	display: inline-block;
	color: #fff;
	font-weight: 700;
}


/* 
Gift Cards
--------------------------*/
body.dt_page-gift-cards .gform_wrapper ul li.gfield {
	margin-top: 24px;
}

body.dt_page-gift-cards .gform_wrapper .gform_heading {
	display: none;
}

/*--------------------------------------------------------------
# Page - Apply Online
--------------------------------------------------------------*/
body.dt_page-apply-online .gform_wrapper .gform_heading {
	display: none;
}


/*--------------------------------------------------------------
# Page - Sitemap
--------------------------------------------------------------*/
.dt_sitemap-wrap {
	max-width: 1200px;
	margin: auto;
}
.dt_sitemap-wrap ul {
	margin-left: 20px;
	padding-left: 20px;
}
.dt_sitemap-wrap ul li {
	padding: 5px 0;
}

/*--------------------------------------------------------------
# Landing Page
--------------------------------------------------------------*/
/*-----------------------------------------------
## Header
-----------------------------------------------*/
.dt_lp #masthead {
	position: absolute;
    width: 100%;
	background: none;
	color: #fff;
}

.dt_lp .site-branding {
	padding: 20px 20px;
	top: 25px;
    left: 55px;
}
.dt_lp .site-branding img {
	max-width: 120px;
}
.dt_lp .site-branding:before {
	width: 9px;
}

.dt_lp-header .dt_header-contact-wrap a,
.dt_lp-header .dt_header-contact-wrap a:hover,
.dt_lp-header .dt_header-contact-wrap a:visited {
	color: #ffed96;
	font-size: 1.5rem;
}

/*-----------------------------------------------
## Banner
-----------------------------------------------*/
.single-landing_page .dt_banner-content-wrap {
	max-width: 100%;
}
.dt_banner-lp {
	height: unset;
	padding: 250px 0 125px;
	text-align: left;
}

.dt_lp-content {
	max-width: 1400px;
	margin: auto;
}
.dt_lp-content-copy {
	float: left;
}

.dt_banner-lp .dt_banner-content-wrap h1:before,
.dt_banner-lp .dt_banner-content-wrap h1:after {
	content: none;
}

.dt_lp-content-side {
	width: 40%;
	float: right;
}
.dt_lp-copy {
	width: 50%;
	margin-right: 5%;
	float: left;
}
.dt_lp-copy p {
	font-size: 1.2rem;
}
/*-----------------------------------------------
### Form
-----------------------------------------------*/
.dt_lp-content-side .gform_wrapper, 
.dt_lp-content-side .gform_title,
.dt_lp-content-side .gform_wrapper .top_label .gfield_label, 
.dt_lp-content-side .gform_wrapper legend.gfield_label,
.dt_lp-content-side .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.dt_lp-content-side .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label,
.dt_lp-content-side .gform_wrapper div.validation_error,
.dt_lp-content-side .gform_wrapper .gfield_error .gfield_label,
.dt_lp-content-side .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, 
.dt_lp-content-side .gform_wrapper li.gfield_error ul.gfield_checkbox, 
.dt_lp-content-side .gform_wrapper li.gfield_error ul.gfield_radio,
.dt_lp-content-side .gform_wrapper .validation_message {
	color: #ffed96;
}
.dt_lp-content-side .dt_page-contact .gform_wrapper, 
.dt_lp-content-side .gform_confirmation_wrapper {
	background: none;
}
/*-----------------------------------------------
### Gallery
-----------------------------------------------*/
.dt_lp-gallery-view {
	display: block;
	position: relative;
}
.dt_lp-gallery-view div {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}
.dt_lp-gallery-view div::before,
.dt_lp-gallery-view div::after {
	content: '';
	width: 100%;
	height: 4px;
	display: block;
	background: #ffed96;
}
.dt_lp-gallery-view div::before {
	transform: rotate(90deg) translateX(5px);
}
.dt_lp-gallery-view:hover {
	cursor: pointer;
}

.dt_lp-gallery-large {
	width: 100%;
}
.dt_lp-gallery-large:hover {
	cursor: pointer;
}

.dt_lp-gallery-ul-wrap {
	overflow: hidden;
}
.dt_lp-gallery ul {
	margin: auto;
	padding: 0;
	left: 0;
	transition: all .3s ease;
}

.dt_lp-gallery ul li {
	float: left;
	padding-right: 12px;
}

.dt_lp-gallery-nav {
	width: 20px;
	height: 25px;
	position: absolute;
	top: 50%;
	transform: translateY(-30%);
	transition: all .3s ease;
}
.dt_lp-gallery-nav::before,
.dt_lp-gallery-nav::after {
	content: '';
	width: 16px;
	height: 5px;
	background: #c8932e;
	display: block;
	position: absolute;
}
.dt_lp-gallery-nav-left::before {
	transform: rotate(-45deg);
}
.dt_lp-gallery-nav-left::after {
	top: 8px;
	transform: rotate(45deg);
}
.dt_lp-gallery-nav-left {
	left: -26px;
}
.dt_lp-gallery-nav-left:hover {
	cursor: pointer;
	transform: translate(-5px, -30%);
}

.dt_lp-gallery-nav-right::before {
	transform: rotate(45deg);
}
.dt_lp-gallery-nav-right::after {
	top: 8px;
	transform: rotate(-45deg);
}
.dt_lp-gallery-nav-right {
	right: -29px;
}
.dt_lp-gallery-nav-right:hover {
	cursor: pointer;
	transform: translate(5px, -30%);
}

/*-----------------------------------------------
## Below Banner
-----------------------------------------------*/
.single-landing_page .dt_trio {
	background: none;
}

.dt_lp-cta {
	text-align: center;
}
.dt_lp-cta .dt_btn {
	font-size: 1.5rem;
}

/*--------------------------------------------------------------
# Blog - News & Archives
--------------------------------------------------------------*/
.dt_banner-news {
	background-image: url(images/wide_placeholder-2.jpg);
}

.dt_breadcrumbs {
	margin-bottom: 25px;
}

.dt_breadcrumbs a {
	margin-left: 8px;
}
.dt_breadcrumbs a::after {
	content: '';
	width: 3px;
	height: 20px;
	margin-left: 12px;
	display: inline-block;
	position: relative;
	top: 5px;
	background: #c8932e;
}
.dt_breadcrumbs a:last-of-type::after {
	content: none;
}

.blog .entry-title:after,
.archive .entry-title:after {
	content: none;
}
.dt_blog-excerpt-wrap {
    margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #adaca6;
}
.dt_blog-excerpt-wrap .post-thumbnail {
	max-width: 30%;
	float: left;
}
.dt_blog-excerpt {
	width: 100%;
	padding: 0 0 0 30px;
	float: left;
}
.dt_blog-excerpt-has-thumb {
	width: 70%;
}

.cat-links {
	margin-right: 10px;
}

/*--------------------------------------------------------------
# Single - Event
--------------------------------------------------------------*/
.dt_event-meta {
	padding: 10px 20px;
	display: inline-block;
	background: #c8932e;
	color: #fff;
	font-size: 1.5rem;
	transform: rotate(3deg);
}
.dt_event-header-info .dt_event-meta span {
	color: #fff;
}

.dt_event-meta span:first-of-type {
	margin-right: 25px;
}

.dt_event-header-info span {
	margin-right: 15px;
	color: #84827d;
	font-weight: 700;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*-----------------------------------------------
## 1200px
-----------------------------------------------*/
@media screen and (max-width: 1200px) {
	.dt_home-info {
		padding: 50px 0 100px;
	}
	/* 
	Header
	--------------------------*/
	#dt_header-contact {
		font-size: 1.5rem;
	}
	.site-branding {
		left: 60px;
	}
	#dt_header-content {
		padding: 30px 25px 0 0;
	}
	/* 
	News Preview
	--------------------------*/
	.dt_news-content-wrap {
		flex-wrap: wrap;
	}
	.dt_news-latest,
	.dt_event-preview {
		margin: 0 0 15px;
		margin-right: 0;
		flex-basis: 100%;
	}
	/* 
	Testimonials
	--------------------------*/
	.dt_home-testimonials {
		padding: 100px 25px 75px;
	}
	.dt_home-testimonials-wrap ul {
		margin: 0 0 50px;
	}
	.dt_home-testimonial {
		width: 31.333%;
	}
	.dt_home-testimonial:nth-child(2) {
		margin: 0 3% 0;
	}
	/*
	Page - About
	--------------------------*/
	.dt_news-prev-excerpt-each {
		flex-basis: 50%;
	}

}

/*-----------------------------------------------
## 992px
-----------------------------------------------*/
@media screen and (max-width: 992px ) {
	.dt_menu-prev-btns li {
		padding: 20px 30px;
	}
	.dt_home-info {
		padding: 50px 0 50px;
	}
	.dt_home-info .dt_mixed-frame {
		margin-bottom: 25px;
	}
	/* 
	Footer
	--------------------------*/
	.dt_footer-map {
		width: 45%;
	}
	.dt_footer-info-all {
		width: 55%;
	}
	/* 
	Header
	--------------------------*/
	.site-branding {
		top: 10px;
		padding: 0;
		left: 15px;
	}
	.site-branding {
		background: none;
	}
	.site-branding img {
		max-width: 116px;
	}
	.site-branding:before, 
	.site-branding:after {
		display: none;
	}
	#dt_primary-menu {
		width: 77%;
		padding-right: 5px;
	}
	.main-navigation li {
		padding: 0 6px 30px;
	}
	.main-navigation a {
		font-size: .9rem;
	}
	#dt_header-content {
		padding: 15px 15px 0 0;
	}
	.dt_header-contact {
		margin-bottom: 5px;
	}
	.dt_header-contact-wrap {
		margin-bottom: 7px;
	}
	.dt_header-contact-wrap > span {
		font-family: 'DM sans', sans-serif;
		font-size: 1.1rem;
	}
	.main-navigation a.dt_order, .dt_order {
		padding-left: 10px;
	}
	/* 
	Menus (Food)
	--------------------------*/
	.dt_menu-header-links li {
		width: 33.3333%;
		border-bottom: 1px solid #c8932e;
	}
	.dt_menu-header-links a {
		padding: 16px 10px;
	}
	.dt_menu-column .dt_menu-item {
		padding: 0px 25px 8px 0px;
	}
	.dt_menu-column:nth-child(2) .dt_menu-item {
		padding: 0px 0px 8px 25px;
	}
	.dt_menu-item-content,
	.dt_menu-prev .dt_menu-item-content {
	width: 100%;
	padding-left: 0;
	}
	/* 
	Testimonials
	--------------------------*/
	.dt_home-testimonial,
	.dt_home-testimonial:nth-child(2) {
		width: 90%;
		margin: auto;
		padding: 50px 0 0;
		float: none;
	}
	.dt_testimonial {
		flex-basis: 50%;
	}
	.dt_news-latest {
		flex-wrap: wrap;
	}
	.dt_news-img, 
	.dt_news-latest-wrap {
		flex-basis: 100%;
	}
	.dt_news-img {
		height: 190px;
	}
	/* 
	Page - Contact
	--------------------------*/
	.dt_contact-info, 
	.dt_contact-reservation,
	.dt_contact-map {
		width: 100%;
		padding: 0;
	}
	.dt_contact-map {
		margin-left: 0;
	}
	.dt_contact-info {
		margin-bottom: 50px;
	}
	.dt_contact-hours {
		float: left;
		max-width: 260px;
	}
	.dt_contact-reservation {
		margin-top: 50px;
	}
	/* 
	Landing Page
	--------------------------*/
	.dt_lp .site-branding {
		background: #f6f4e8;
		padding: 14px 14px;
		top: 15px;
    	left: 15px;
	}
	.dt_lp .site-branding img {
		max-width: 100px;
	}
	.dt_lp-copy {
		width: 50%;
		margin-right: 3%;
	}
	.dt_lp-content-side {
		width: 44%;
	}
}

/*-----------------------------------------------
## 768px
-----------------------------------------------*/
@media screen and (max-width: 768px) {
	.dt_banner h1 {
		font-size: 3.5rem;
	}
	.dt_menu-modal-content {
		width: 75%;
	}
	h2.dt_inspire,
	.dt_inspire h2 {
		font-size: 2.8rem;
	}
	/* 
	Header
	--------------------------*/
	.dt_header-contact-wrap > a,
	.dt_header-contact-wrap > span,
	.dt_header-contact .dt_social {
		float: right;
		clear: both;
	}
	.dt_header-contact-wrap > a {
		margin-right: 0;
		line-height: 1;
	}
	.dt_header-contact {
		font-size: 1.6rem;
	}
	.dt_header-contact-wrap a:last-of-type {
		font-size: 1.3rem;
		margin-top: 5px;
	}
	#dt_header-contact {
		font-size: 1.4rem;
	}
	.dt_page-header-content {
		padding: 0 25px;
	}
	.dt_social a {
		width: 28px;
		height: 28px;
		margin: 0 3px;
		background-size: 83px 15px;
		background-position: 10px;
	}
	a.dt_social-in {
		background-position: -13px;
	}
	.dt_testmonial-links .dt_social a {
		width: 32px;
		height: 32px;
	}
	/* 
	Footer
	--------------------------*/
	.dt_footer-info,
	.dt_footer-links {
		width: 100%;
		padding: 50px;
	}
	.dt_footer-info {
		padding: 0;
	}
	.dt_hours-wrap {
		max-width: 300px;
	}
	.dt_footer-contact {
		margin-bottom: 0;
	}
	.dt_footer-map {
		width: 50%;
	}
	.dt_footer-info-all {
		width: 50%;
	}	
		/* 
	Index
	--------------------------*/
	.dt_banner-home {
		height: 680px;
	}
	.home .dt_inspire {
		top: 40%;
	}
	/* 
	Trio Blocks
	--------------------------*/
	.dt_trio-wrap {
		padding: 0 25px;
	}
	.dt_trio-block {
		max-width: 80%;
		float: none;
		margin: auto;
		margin-bottom: 15px;
	}
	.dt_trio-block:nth-child(2) {
		margin: 0 auto 15px;
	}
	/* 
	Mixed Content Frame
	--------------------------*/
	.dt_mixed-frame-copy, 
	.dt_mixed-frame-image {
		max-width: 100%;
		margin-bottom: 75px;
	}
	.dt_mixed-frame-copy {
		max-width: 100%;
	}
	/* 
	Menus 
	--------------------------*/
	.dt_menu-row {
		padding: 25px;
	}
	.dt_menu-column:first-of-type {
		border-right: none;
	}
	.dt_menu-column {
		width: 100%;
	}
	.dt_menu-column .dt_menu-item,
	.dt_menu-column:nth-child(2) .dt_menu-item {
		margin-top: 0;
		padding: 0px 0 8px 0px;
	}
	.dt_menu-header {
		padding: 15px;
	}
	.dt_menu-item-header {
		font-size: 1.1rem;
	}
	.dt_menu-item-content p {
		margin: 5px 0 1em;
	}
	
	.dt_menu-prev-main {
		padding: 0 50px 100px;
	}
	.dt_menu-prev-btns li {
		width: 100%;
		padding: 10px;
		font-size: 1rem;
		line-height: 1.3;
	}
	/* 
	Page - About
	--------------------------*/
	.dt_page-about .dt_page-wrap {
		margin: 50px auto 150px;
	}
	.dt_about-event-prev-wrap {
		margin: 100px auto 0px;
	}
	.dt_about-events-prev-img-wrap {
		max-width: 100%;
		margin-bottom: 25px;
	}
	.dt_about-events-prev-copy-wrap {
		max-width: 100%;
		padding-left: 0;
	}
	/* 
	News Preview
	--------------------------*/
	.dt_blog-excerpt-wrap .post-thumbnail,
	.dt_blog-excerpt-has-thumb {
		max-width: 100%;
		width: 100%;
	}
	.dt_blog-excerpt {
		padding: 0;
	}
	.dt_news-latest-wrap {
		padding: 50px;
	}
	.dt_news-latest-wrap,
	.dt_event-preview {
		padding-top: 30px;
	}
	.dt_news-latest-post,
	.dt_event-preview-content {
		padding-top: 25px;
	}
	/* 
	Testimonials
	--------------------------*/
	.dt_news-content-wrap {
		padding: 0 25px;
	}
	.dt_testimonials-wrap {
		justify-content: center;
	}
	.dt_testimonial {
		flex-basis: 100%;
	}
	a.dt_social-goo {
		background-position: -39px;
	}
	a.dt_social-ylp {
		background-position: -63px;
	}
	/* 
	Page - Contact
	--------------------------*/
	.dt_contact-wrap {
		padding: 0 25px;
	}
	.dt_contact-hours {
		float: right;
	}
	/* 
	Page - About
	--------------------------*/
	.dt_news-prev-excerpt-each {
		padding: 0;
		flex-basis: 100%;
	}
	.dt_news-prev-excerpt-each p {
		margin-top: 15px;
		padding-top: 15px;
	}
	/* 
	Landing Page
	--------------------------*/
	.dt_lp-copy {
		width: 100%;
	}
	.dt_lp-content-side {
		width: 100%;
		float: left;
		margin-top: 50px;
	}

}

/*-----------------------------------------------
## 480px
-----------------------------------------------*/
@media screen and (max-width: 480px) {
	h1 {
		font-size: 2.8rem;
	}
	h2 {
		font-size: 2.7rem;
	}
	h3 {
		font-size: 2.1rem;
	}
	.dt_news-prev-header,
	.dt_news-prev-excerpts {
		padding: 0 25px;
	}
	h2.dt_inspire,
	.dt_inspire h2 {
		font-size: 2.2rem;
	}
	.home .dt_inspire {
		top: 30%;
	}	
	.dt_page-about .dt_page-wrap {
		margin: 50px auto 100px;
	}

	/* 
	Banners
	--------------------------*/
	.dt_banner h1 {
		font-size: 2rem;
	}
	.dt_banner-text {
		font-size: 1rem;
	}
	/* 
	Posts & Pages
	--------------------------*/
	.content-area {
		padding: 50px 0;
	}
	.dt_gencon-wrap {
		margin: 50px auto;
		padding: 0 25px;
	}
	blockquote {
		max-width: 100%;
		margin: 0 0 0 1.5em;
	}
	.nav-previous a:before, 
	.nav-next a:after {
		content: none;
	}
	.nav-next,
	.nav-previous,
	.nav-next a {
		padding: 0;
	}
	/* 
	Universal
	--------------------------*/
	.dt_link-large {
		right: 15px;
	}
	.dt_inspire {
		padding: 0 25px;
	}
	.dt_trio-block {
		max-width: 100%;
		transform: translateY(-70px);
	}
	.dt_mixed-frame {
		padding: 0 25px;
	}
	/* 
	Banner
	--------------------------*/
	.dt_banner-med {
		min-height: 420px;
		padding-top: 50px;
	}
	.dt_banner-content-wrap {
		padding: 0 25px;
	}
	.dt_banner-home {
		height: 570px;
	}
	/* 
	Header
	--------------------------*/
	.site-branding {
		padding-left: 15px;
		display: block;
		position: relative;
		top: 10px;
		left: unset;
		float: left;
	}
	.site-branding img {
		max-width: 115px;
	}
	#dt_header-content {
		width: 178px;
	}
	.dt_sticky-header #dt_header-content {
		padding: 25px 25px 0 0;
	}
	#dt_mobile-menu a {
		font-size: 1.2rem;
	}
	/* 
	Footer
	--------------------------*/
	.dt_footer-info {
		padding: 50px;
	}
	.dt_footer-map {
		width: 100%;
		height: 200px;
	}
	.dt_footer-info-all {
		width: 100%;
		padding: 50px 0 0;
	}
	.dt_hours-wrap div, .dt_footer-menu li {
		padding: 0px 0;
	}
	.dt_footer-small-links {
		margin-top: 30px;
	}
	.dt_event-info-details {
		font-size: 1.5rem;
	}
	.dt_event-info-details span {
		float: left;
		clear: both;
	}
	.dt_footer-hours {
		margin-top: 25px;
	}
	.dt_hours-wrap div span:first-of-type {
		min-width: 100px;
	}
	.dt_hours-wrap div span:last-of-type {
		float: left;
	}
	.menu-footer-menu-small-container {
		display: block;
	}
	.menu-footer-menu-small-container ul {
		margin: 0;
	}
	/* 
	Testimonials
	--------------------------*/
	.dt_testimonials-wrap {
		padding: 25px;
	}
	.dt_home-testimonials {
		padding: 50px 25px 100px;
	}
	.dt_home-testimonial,
	.dt_home-testimonial:nth-child(2) {
		width: 100%;
	}
	.dt_testimonial {
		padding: 0;
	}
	.dt_home-testimonial:before {
		margin-bottom: 20px;
	}
	.dt_home-testimonials-wrap span {
		float: none;
	}
	/* 
	Menus
	--------------------------*/
	.dt_menu-prev .dt_menu-row {
		padding: 15px;
	}
	.dt_menu-prev .dt_inspire {
		top: 35%;
	}
	.dt_menu-item {
		margin: 10px 0; 
	}
	.dt_menu-header-links a {
		padding: 10px 5px;
		height: 50px;
		font-size: .8rem;
		line-height: 1;
	}
	.dt_menu-prev-main {
		padding: 0 25px 100px;
	}
	.dt_menu-prev .dt_menu-header {
		margin: 0;
		padding: 10px 15px;
	}
	.dt_menu-prev .dt_menu-item-header {
		font-size: .9rem;
		line-height: 1;
	}
	.dt_menu-prev .dt_menu-item-content p {
		display: none;
	}
	.dt_menu-wrap {
		margin: 0 auto 50px;
	}
	.dt_menu-header {
		margin: 40px 0 0px;
	}
	.dt_menu-header h3 {
		font-size: 1.8rem;
	}
	/* 
	News Preview
	--------------------------*/
	.dt_news {
		padding: 100px 0 0;
	}
	.dt_news-latest-wrap,
	.dt_event-preview-content {
		padding: 25px;
	}
	.dt_news h1:after, 
	.dt_news h2:after {
		margin: 15px 0 .4em;
		left: 0px;
	}
	.dt_event-preview-header {
		padding: 0 0 0 25px;
	}
	.dt_event-info {
		padding: 25px;
	}
	.dt_news-prev {
		padding: 50px 0;
	}
	/* 
	News (Posts)
	--------------------------*/
	.widget-area {
		padding: 0 25px;
	}
	.widget-area .widget {
		width: 100%;
	}
	/* 
	Page - Contact
	--------------------------*/
	.dt_contact-wrap {
		margin: 0 auto 50px;
	}
	.dt_contact-info {
		margin-bottom: 25px;
	}
	.dt_contact-misc-info, 
	.dt_contact-hours {
		width: 100%;
		max-width: none;
	}
	.dt_contact-hours {
		margin-top: 25px;
	}
	.dt_contact-map {
		width: 100%;
		background-size: 170%;
	}
	/* 
	Landing Page
	--------------------------*/
	.dt_lp .site-branding img {
		max-width: 85px;
	}
	.dt_lp-content-side.dt_lp-content-hasImage {
		margin-top: 25px;
		padding: 0 25px;
	}

}