:root
{
    --brand-beige: #DED4c6;
    --brand-black: #000;
    --brand-gold: #86714D;
    --brand-charcoal: #282728;
    --brand-bronze: #605123;
    --brand-off-white: #EFEDE9;
    --brand-ivory: #F6F3EF;
    --brand-warm-ivory: #F0ECE6;
    --brand-light-gold: #B09C79;
    --brand-dark-brown: #605137;
    --brand-crimson: #700000;
    --brand-tan: #8E774d;
    --brand-white: #FFFFFF;
}

/* font embeds */
@font-face
{
    font-family: 'Lato';
    src: url('https://media.thecapitalgrille.com/fonts/lato-regular-webfont.eot');
    src: url('https://media.thecapitalgrille.com/fonts/lato-regular-webfont.woff')format('woff'),
        url('https://media.thecapitalgrille.com/fonts/lato-regular-webfont.ttf')format('truetype'),
        url('https://media.thecapitalgrille.com/fonts/lato-regular-webfont.svg')format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Lato-light";
    src: url("https://media.thecapitalgrille.com/images/site/ext/images/desktop/font/Lato-Light.eot?#iefix");
    src: url("https://media.thecapitalgrille.com/images/site/ext/images/desktop/font/Lato-Light.eot?#iefix") format("eot"),
        url("https://media.thecapitalgrille.com/images/site/ext/images/desktop/font/Lato-Light.woff") format("woff"),
        url("https://media.thecapitalgrille.com/images/site/ext/images/desktop/font/Lato-Light.ttf") format("truetype"),
        url("https://media.thecapitalgrille.com/images/site/ext/images/desktop/font/Lato-Light.svg#lato-regular-webfont") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato-Italic';
    src: url('https://media.thecapitalgrille.com/fonts/lato-italic-webfont.eot');
    src: url('https://media.thecapitalgrille.com/fonts/lato-italic-webfont.woff')format('woff'),
        url('https://media.thecapitalgrille.com/fonts/lato-italic-webfont.ttf')format('truetype'),
        url('https://media.thecapitalgrille.com/fonts/lato-italic-webfont.svg')format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Sorts-Mill-Goudy";
    src: url('https://media.thecapitalgrille.com/images/site/page-updates/fonts/sortsmillgoudy-regular-webfont.eot');
    src: url('https://media.thecapitalgrille.com/images/site/page-updates/fonts/sortsmillgoudy-regular-webfont.woff')format('woff'),
        url('https://media.thecapitalgrille.com/images/site/page-updates/fonts/sortsmillgoudy-regular-webfont.ttf') format('truetype'),
        url('https://media.thecapitalgrille.com/images/site/page-updates/fonts/sortsmillgoudy-regular-webfont.woff2')format('woff2'),
        url('https://media.thecapitalgrille.com/images/site/page-updates/fonts/sortsmillgoudy-regular-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* fonts */
.font--lato
{
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.font--lato-light
{
    font-family: 'Lato-light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.font--sorts-mill-goudy
{
    font-family: 'SortsMillGoudy', 'Garamond', 'Georgia', serif !important;
}

.font--montserrat
{
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* background colors */
.bg--beige
{
    background-color: var(--brand-beige, #DED4c6) !important;
}

.bg--gold
{
    background-color: var(--brand-gol, #86714D) !important;
}

.bg--light-gold
{
    background-color: var(--brand-light-gold, #B09C79) !important;
}

.bg--tan
{
    background-color: var(--brand-tan, #8E774d) !important;
}

.bg--ivory
{
    background-color: var(--brand-ivory, #F6F3EF) !important;
}

.bg--warm-ivory
{
    background-color: var(--brand-warm-ivory, #F0ECE6) !important;
}

.bg--black
{
    background-color: var(--brand-black, #000) !important;
}

.bg--charcoal
{
    background-color: var(--brand-charcoal, #282728) !important;
}

.bg--white
{
    background-color: var(--brand-white, #FFFFFF) !important;
}

.bg--off-white
{
    background-color: var(--brand-off-white, #EFEDE9) !important;
}

.bg--light-gray-gradient
{
    background: -moz-linear-gradient(to top, rgb(240, 236, 230) 0%, rgb(255, 255, 255) 50%, rgb(240, 236, 230) 100%) !important;
    background: -webkit-linear-gradient(to top, rgb(240, 236, 230) 0%, rgb(255, 255, 255) 50%, rgb(240, 236, 230) 100%) !important;
    background: -ms-linear-gradient(to top, rgb(240, 236, 230) 0%, rgb(255, 255, 255) 50%, rgb(240, 236, 230) 100%);
    background: linear-gradient(to top, rgb(240, 236, 230) 0%, rgb(255, 255, 255) 50%, rgb(240, 236, 230) 100%) !important;
}

/* borders */
.border--beige
{
    border-color: var(--brand-beige, #DED4c6) !important;
}

.border--bronze
{
    border-color: var(--brand-bronze #605123) !important;
}

.border--charcoal
{
    border-color: var(--brand-charcoal, #282728) !important;
}

.border--crimson
{
    border-color: var(--brand-crimson, #700000) !important;
}

.border--dark-brown
{
    border-color: var(--brand-dark-brown, #605137) !important;
}

.border--gold
{
    border-color: var(--brand-gold, #86714D) !important;
}

.border--ivory
{
    border-color: var(--brand-ivory, #F6F3EF) !important;
}

.border--light-gold
{
    border-color: var(--brand-light-gold, #B09C79) !important;
}

.border--off-white
{
    border-color: var(--brand-off-white, #EFEDE9) !important;
}

.border--tan
{
    border-color: var(--brand-tan, #8E774d) !important;
}

.border--warm-ivory
{
    border-color: var(--brand-warm-ivory, #F0ECE6) !important;
}

.border--white
{
    border-color: var(--brand-white, #FFFFFF) !important;
}

/* buttons */
.btn
{
    display: inline-flex;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-image: none;
}

.btn--gradient,
.btn--gradient:active
{
    background: -moz-linear-gradient(125deg, var(--brand-light-gold, #B09C79) 0%, var(--brand-gold, #86714D) 100%) !important;
    background: -webkit-linear-gradient(125deg, var(--brand-light-gold, #B09C79) 0%, var(--brand-gold, #86714D) 100%) !important;
    background: -ms-linear-gradient(125deg, var(--brand-light-gold, #B09C79) 0%, var(--brand-gold, #86714D) 100%);
    background: linear-gradient(125deg, var(--brand-light-gold, #B09C79) 0%, var(--brand-gold, #86714D) 100%) !important;
    color: #FFF;
}

.btn--gradient:hover,
.btn--gradient:focus
{
    background: -moz-linear-gradient(125deg, var(--brand-gold, #86714D) 0%, var(--brand-light-gold, #B09C79) 100%) !important;
    background: -webkit-linear-gradient(125deg, var(--brand-gold, #86714D) 0%, var(--brand-light-gold, #B09C79) 100%) !important;
    background: -ms-linear-gradient(125deg, var(--brand-gold, #86714D) 0%, var(--brand-light-gold, #B09C79) 100%);
    background: linear-gradient(125deg, var(--brand-gold, #86714D) 0%, var(--brand-light-gold, #B09C79) 100%) !important;
    color: var(--brand-white);
}

.btn--box-shadow
{
    box-shadow: 0px 3px 8px 0px rgb(66, 34, 3, 0.23) !important;
}

.btn--box-dk-shadow
{
    box-shadow: 0px 5px 8px 0px rgb(66, 34, 3, 0.63) !important;
}

/* Text Colors */
.text--black
{
    color: var(--brand-black, #000) !important;
}

.text--charcoal
{
    color: var(--brand-charcoal, #282728) !important;
}

.text--bronze
{
    color: var(--brand-bronze, #605123) !important;
}

.text--off-white
{
    color: var(--brand-off-white, #EFEDE9) !important;
}

.text--ivory
{
    color: var(--brand-ivory, #F6F3EF) !important;
}

.text--warm-ivory
{
    color: var(--brand-warm-ivory, #F0ECE6) !important;
}

.text--gold
{
    color: var(--brand-gold, #86714D) !important;
}

.text--light-gold
{
    color: var(--brand-light-gold, #B09C79) !important;
}

.text--dark-brown
{
    color: var(--brand-dark-brown, #605137) !important;
}

.text--crimson
{
    color: var(--brand-crimson, #700000) !important;
}