/********* Global template styles *********/

:root {
    --line-height: 1;
    --font-size: 62.5%;
    --main-font-family: 'Optima', Arial, Helvetica, sans-serif;
    --main-font-family-bold: 'Optima Bold', Arial, Helvetica, sans-serif;
    --main-text-color: #861e32;
    --card-bg-color: #f5f2e9;
    --secondary-text-color: #121212;
    --section-border: 1px solid lightgray;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: var(--font-size); }
html, body { font-family: Arial, Helvetica, sans-serif; }
body { max-width: 1240px; margin: 0 auto; }
h1, h2 { font-weight: bold; text-transform: uppercase; text-align: center; }
h3, h4 { font-weight: normal; }
h1 { font-size: 2.2rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.4rem; }
p { font-size: 1.4rem; }
a { text-decoration: none; }

.nowrap{
    white-space: nowrap;
}

/* Form styles */

.mailing-list-container { width: 100%; }
.mailing-list-container input[type=text], select {
width: 100%;
padding: .7em;
margin: .8em 0;
display: inline-block;
border: var(--section-border);
border-radius: 0;
box-sizing: border-box;
-webkit-appearance: none;
}

.mailing-list-container label { font-size: 1.4rem; }

/* Button styles */
.mailing-list-container button, .button {
    border: none;
    border-radius: .5em;
    padding: .75em 2.5em;
    background-color: #967140;
    color: white;
    display: inline-block;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .3s;
}
.mailing-list-container button:hover, .button:hover { background-color: #ab8149; }


.mailing-list-container ._form-thank-you {
    font-size: 2em;
}
.mailing-list-container ._error-inner {
    font-size: 1.5em;
    color: red;
    margin: -5px 0 10px;
}
.mailing-list-container ._html-code p {
    font-size: 1.4rem;
}


/* Hero image styles */
.hero { overflow: auto; }
    .hero img { width: 100%; }

.phone { font-size: 2.4em; font-weight: bold; }
    .phone a { color: var(--secondary-text-color);}

/* Base grid styles */
.row {
    display: grid;
}


.row-content h1, .row-content h2 {
    font-family: var(--main-font-family);
    color: var(--main-text-color);
    line-height: var(--line-height);
}
    .row-content h1::before, .row-content h2::before { content: '\2014\2009'; }
    .row-content h1::after, .row-content h2::after { content: '\2009\2014'; }

.row-content > :first-child { margin-top: 0; }
.row-content > :last-child { margin-bottom: 0; }

.title--content { padding: 1.5em 0; }
.main--content { padding: 3em; }
.sub--content { padding: 3em; }

/* Media queries  */

@media all and (min-width: 720px) {

h1 { font-size: 3rem; }
p { font-size: 1.6rem; }

.row-column { margin: 3em 0; }

}

@media all and (min-width: 960px) {

.title--content { padding: 3em; padding-bottom: 1.5em; }
.main--content { padding: 6em 12em; }
.sub--content { padding: 0 6em; }

}

@media all and (min-width: 1026px) {

.sub--content { padding: 0 8em; }

}

/********* Home template styles *********/

.home--a { grid-area: a; }
.home--b { grid-area: b; }
.home--c { grid-area: c; }

.row-home {
    grid-template-columns: minmax(30ch, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
    "b"
    "a"
    "c";
}

.home_featured_content { text-align: center; padding: 1.5em 3.5em; }
.home_featured_content h3 {
    font-size: 2em;
    margin-bottom: 15px;
}

.caption {
    text-align: center;
    background-color: #be9565;
    background-image: url(../images/global/smokeys-tile.jpg);
    background-repeat: repeat;
    margin-bottom: .5rem;
    overflow: auto;
}

.caption p {
    text-transform: uppercase;
    color: white;
    margin: .5em;
    font-size: 1.2rem;
}
.link { color: saddlebrown; text-decoration: underline; }
.quotes { text-align: left; }
.talogo { text-align: center; }
    .talogo img { width: 135px; }

/* Media queries  */

@media all and (min-width: 720px) {

.home--a { border-right: var(--section-border); }
.home--b { border-right: var(--section-border); }

.row-home {
    grid-template-columns: minmax(30ch, 1fr) minmax(30ch, 1fr) minmax(30ch, 1fr);
    grid-template-areas:
    "a b c";
}

}

@media all and (max-width: 719px) {

.home--a { border-bottom: var(--section-border); }
.home--b { border-bottom: var(--section-border); }

}

/********* Menus template styles *********/

.title--column { margin-bottom: 0; }

.menus--a { grid-area: a; }
.menus--b { grid-area: b; }
.menus--c { grid-area: c; }

.tabcontent { display: none; }
.tab {
    display: flex;
    justify-content: center;
}
.tablinks {
    padding: .3em 0;
    margin: 0 1.5em;
    font-family: var(--main-font-family-bold);
    border-bottom: 1px solid transparent;
    font-size: 1.6em;
}
    .tablinks:hover {
        cursor: pointer;
        color: var(--main-text-color);
        border-bottom: 1px solid var(--main-text-color);
    }

.active {
    color: var(--main-text-color);
    border-bottom: 1px solid var(--main-text-color);
}

.wine-content-email p{
    display: inline-block;
    font-size: 1.6rem;
    margin: 0px;
}
.wine-content-email a{
    display: inline-block;
    text-decoration: underline;
    font-size: 1.6rem;
    color: black;
    margin-left:5px;
}

.dining-content, .wine-content {
    grid-template-columns: minmax(30ch, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
    "a"
    "b"
    "c";
}

.dessert-content {
    grid-template-columns: minmax(30ch, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
    "a"
    "b";
}

.course--content {
    margin: 0 6em;
    padding: 3em;
    text-align: center;
    border-bottom: var(--section-border);
}
    .course--content:last-child { border-bottom: 0;}

.menu_item { margin-top: 4em; }
    .item__name { font-weight: bold; margin-bottom: .5em; }
    .item__price { margin: 0; }
    .item__price, .item__description, .extras__description { font-size: 1.4em; }
    .item__addition { text-transform: uppercase; color: var(--main-text-color); font-family: var(--main-font-family-bold);}
    .item__description { margin-top: .5em; }
    .extras__description { margin-top: .5em; line-height: 1.5em;}
    .important { text-align: center; text-transform: uppercase; font-size: 1.4em;}
    .menus--footer { text-align: center; border: 0;}
    .menus--footer .button {
        margin: 10px;
    }

@media all and (min-width: 720px) {


}

@media all and (min-width: 960px) {


.dining-content, .wine-content {
    grid-template-columns: minmax(30ch, 1fr) minmax(30ch, 1fr);
    grid-template-areas:
    "a b"
    "c c";
}

}

@media all and (min-width: 1026px) {


}

/********* Specials template styles *********/

.specials--a { grid-area: a; }
.specials--b { grid-area: b; }
.specials--c { grid-area: c; }

.row-specials {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "a"
    "b"
    "c";
}
.menus-specials-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}.menus-content-left, .menus-content-right{
    width: 50%;
}
.menus-content-left p, .menus-content-right p {
    font-size: 1.6rem;
    margin: 9px 0px;
}
.menus-content-right p a {
    color: var(--main-text-color);
    font-family: var(--main-font-family-bold);
    text-decoration: underline;
}
.menus-content-right{
    font-weight: bold;
}
.specials_main_content { padding: 3em; }

.specials_sub_content { text-align: center; }
    .specials_sub_content p { font-size: 1.6em; line-height: calc(var(--line-height) * 1.5); }

.specials_img img { width: 270px; max-width: 100%; }

.wine__content p a {
    color: var(--main-text-color);
    font-family: var(--main-font-family-bold);
    text-decoration: underline;
    font-size: 1.8rem;
}

/* Specials card container */
.specials-card {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 2em;
    border: 2px solid var(--main-text-color);
}
.card--column {
    background-color: var(--card-bg-color);
}
.card_content { margin: 0 3em; padding: 3em 0;}
    .card_content > :first-child { margin-top: 0; }
    .card_content > :last-child { margin-bottom: 0; }
    .card_content h2 { text-align: center; }


.special--dates p, .menu--special p { font-size: 1.8rem; }
.menu--special { font-weight: bold; }
.menu--special a { color: var(--main-text-color); font-family: var(--main-font-family-bold); text-decoration: underline; }

.wine__content { text-align: center; }
.wine-container { margin-bottom: 4em; padding: 1.5em; border: 4px solid #fcf9f0;}
    .wine-container p { font-weight: bold; }
.wine--links { display: flex; justify-content: space-around;}
    .wine--links a { color: var(--main-text-color); font-weight: normal; font-size: 1.8rem; font-family: var(--main-font-family-bold); text-decoration: underline; }

/* Media queries  */

@media all and (max-width:400px) {
}
@media all and (max-width:500px) {
}
@media all and (min-width: 720px) {

.row-specials {
    margin: 0 3em;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
    "a a"
    "b c";
}


.menus-content-left p, .menus-content-right p {
    font-size: 1.8rem;
}

.card_content { padding: 0 3em; margin: 3em 0;}

.specials--b { border-right: var(--section-border); }
.first__card { border-right: 4px solid #fcf9f0;}

}

@media all and (min-width: 960px) {

.row-specials {
    margin: 0 9em;
}

.specials-card {
    grid-template-columns: repeat(2, 1fr);
}
.menu-specials { display:grid;grid-template-columns:1fr 1fr; }

}
@media (min-width: 1040px) {
}

@media (min-width: 1096px) {


}

@media all and (max-width: 719px) {

.specials--b { border-bottom: var(--section-border); }

.first__card { border-bottom: 4px solid #fcf9f0;}

}

/********* Gallery template styles *********/

.gallery-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
}
    .gallery-container > :first-child {
        padding-top: 0;
    }
    .gallery-container > :last-child {
        padding-bottom: 0;
    }

.gallery_img {
    background-position: center;
    background-size: cover;
    transition: all .3s;
    aspect-ratio: 1/1;
}
    .gallery_img:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .gallery_img:hover { filter: brightness(1.1); cursor: pointer;}

@media all and (min-width: 720px) {

.gallery-container {
    grid-template-columns: repeat(3, 1fr);
}

}

@media all and (min-width: 960px) {

}

@media all and (min-width: 1096px) {

}

/********* About template styles *********/

.about_main_content { text-align: center; }
    .about_main_content p { line-height: calc(var(--line-height) * 2);}

.about_sub_content, .favorite-links { text-align: center; }
    .about_sub_content p, .favorite-links p { font-size: 1.4em; line-height: calc(var(--line-height) * 1.5); text-align: left; }

.about_img img { width: 230px; max-width: 100%; }
.name, .title { font-family: var(--main-font-family); color: var(--main-text-color); }
.name { font-weight: bold; margin-bottom: .25em; }
.title { text-transform: uppercase; margin-top: 0; margin-bottom: .25em; }
.cta_text { font-family: var(--main-font-family-bold); color: var(--main-text-color); font-weight: bold; margin-bottom: .25em;}

.uline_info { font-size: 1.2em; text-align: center; }
    .uline_logo { margin: 0; padding: 0; text-align: center; }
        .uline_logo img { width: 100px; }

.about--a { grid-area: a; border-bottom: var(--section-border); margin-top: 0;}
.about--b { grid-area: b; }
.about--c { grid-area: c; }
.about--d { grid-area: d; border-bottom: var(--section-border);}
.about--e { grid-area: e; }

.row-about {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "a"
    "b"
    "c"
    "d"
    "e"
    "f";
}

/* Favorite links container */
.favorite-links { padding: 1.5em 0 }
.favorite-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.favorite--column { margin: 1em 0; }
.favorite_content { padding: 1.5em; }
.favorite__img { width: 15.5em; }
.favorite__img:hover { filter: brightness(1.03); }

/* Media queries  */

@media all and (min-width: 1096px) {
    .favorite_content_multi_image {
        display: flex;
        justify-content: center;
    }

    .favorite_content_multi_image img {
         width: 78px;
    }

}

@media all and (max-width: 1096px) {
    .favorite_content_multi_image {
        display: flex;
        justify-content: center;
    }

    .favorite_content_multi_image img {
        width: 78px;
    }
}

@media all and (min-width: 720px) {

.about--b { border-right: var(--section-border); }
.about--d { border-top: var(--section-border); padding: 6em;}

.row-about {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
    "a a"
    "b c"
    "d d"
    "e e";
}

}

@media all and (min-width: 960px) {
    .favorite-links { padding: 3em;}
    .favorite-container {
        grid-template-columns: repeat(5, 1fr);
    }
    .favorite--column:not(:last-child) {
        border-right: var(--section-border);
    }

}

@media all and (max-width: 960px) {

    .favorite--column:nth-child(odd) { border-right: var(--section-border); }
    .favorite_content p { font-size: 1.2em; }

    .favorite_content_multi_image {
        display: flex;
        justify-content: center;
    }

    .favorite_content_multi_image img {
        width: 78px;
    }

}

@media all and (max-width: 719px) {

    .about--b { border-bottom: var(--section-border); }
    .about--c { border-bottom: var(--section-border); }
    .about--d { border-bottom: var(--section-border); }

}

/********* Contact template styles *********/

.contact--a { grid-area: a; margin-bottom: 0;}
.contact--b { grid-area: b; }
.contact--c { grid-area: c; }
.contact--d { grid-area: d; }

.row-contact {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "a"
    "b"
    "d"
    "c";
}

.location_content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.contact-info, .location__info { padding: 0; }
.contact-info li { list-style: none; font-size: 1.4rem; margin: 1.5em 0;}
.location__info li { list-style: none; font-size: 1.4rem; margin: .5em 0;}
.contact-info > :first-child, .location__info > :first-child { margin-top: 0; }
.contact-info > :last-child, .location__info > :last-child { margin-bottom: 0; }
.location__map img { width: 100%; }
    .location__map { transition: all .3s;}
    .location__map:hover { filter: brightness(1.03); }

/* Media queries  */

@media all and (min-width: 720px) {

.row-contact {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
    "a a"
    "b c"
    "d d";
}

.location_content {
    grid-template-columns: repeat(2, 1fr);
}

.giftsProduct_text{
    margin-left: 20px;
}
.giftsProduct_text h3{
    font-weight:bold;
    color: var(--secondary-text-color)
}
.giftsProduct_text p, .giftsProduct_text ul {
    font-size: 1.6em;
    margin: 0;
    margin-bottom:10px;
    padding: 0;
    color: var(--secondary-text-color)
}
.giftsProduct_text ul{
    margin-bottom:20px;
    margin-left: 20px;
    width: 350px;
}
.giftsProduct_text li{
    margin-bottom:10px;
}
.giftsProduct_img {
    display: flex;
    justify-content: center;
}
.giftsProduct_img img{
    width: 250px;
}

.gifts--underContainer{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin-bottom: 30px;
}
.gifts--underContainer p{
    color: black;
    margin-top: 35px;
    margin-right: 15px;
}
.gifts--underContainer img{
    width: 170px;
}

.redirect a {
    color: var(--main-text-color);

}

.redirect {
    text-align: center;
}

.redirect p {
    font-size: 2.0rem;
    font-weight: bold;
}

.contact-info li { font-size: 1.8rem; }

}

@media all and (max-width: 719px) {

}


/* Gifts Products Template Styles */
.row-giftsProduct{
    display: grid;
    grid-template-columns: 1fr;
}
.giftsProduct_text{
    margin-left: 20px;
}
.giftsProduct_text h3{
    font-weight:bold;
    color: var(--secondary-text-color)
}
.giftsProduct_text p, .giftsProduct_text ul {
    font-size: 1.6em;
    margin: 0;
    margin-bottom:10px;
    padding: 0;
    color: var(--secondary-text-color)
}
.giftsProduct_text ul{
    margin-bottom:20px;
    margin-left: 20px;
    width: 350px;
}
.giftsProduct_text li{
    margin-bottom:10px;
}
.giftsProduct_img {
    display: flex;
    justify-content: center;
}
.giftsProduct_img img{
    width: 250px;
}

@media all and (min-width: 720px) {
    .giftsProduct_img img{
        width: 300px;
    }
}

@media all and (min-width: 960px) {
    .row-giftsProduct{
        grid-template-columns: repeat(2, 1fr)
    }
    .giftsProduct_text{
        margin: 0;
    }
    .giftsProduct_img{
        display: flex;
        justify-content: center;
    }
    .giftsProduct_img img{
        width: 350px;
    }
}


/********* Gifts temporary styles *********/

.gifts-title {
    font-size: 20px;
    color: #391e04;
    margin: 20px 0 10px 10px;
    font-weight: bold;
}

.giftpg {
    width: 85%;
    padding-bottom: 15px;
}

#giftpg .col3 {
    width: 31%;
}

.col3 {
    float: left;
    margin: 3% 2% 0 1%;
}