@charset "UTF-8";
/*
Colors
    #C3C62F - Green
    #f7941e - Orange
    #3c2415 - Dark Brown
    #603913 - Brown
    #FFDCAE - Peach

 Fonts
    font-family: 'Inconsolata', monospace;
    font-family:'blessed_dayregular';
    
*/

/*INDEX*/
body {background-color: #FFDCAE; 
        margin: 0; 
        padding: 0;}
a {text-decoration: none;}
    
#container {width: 1054px;
            height: 3010px;
            margin: auto;}
        
header {width:1054px; 
        height: 685px;}
/**hero**/
.indexhero {width:1054px; 
        height: 685px;
        background-image: url(images/hero.jpg);
        background-repeat: no-repeat;
        background-size: cover;}
/**logo**/
.logo {width: 350px;
        height: 350px;
        margin-left: 350px;
        padding-top: 175px;
        padding-bottom: 70px;}
.logo img:hover {opacity: .5; 
             transition: all .5s ease-in;}
/**nav**/
nav {width: 100%; 
    height: 45px;
    background-color: #f7941e;
    text-align: center;
    padding-top: 10px;}
nav a {font-family: 'Inconsolata', monospace;
        text-decoration: none;
        color: #fff; 
        font-size: 20pt; 
        text-align: center;
        padding-left: 60px;
        transition: all .2s ease-in-out;}
nav a:hover {color: #C3C62F}

/*brimming with flavor*/
summary {width: 1054px;
            height: 365px;
            background-color: #FFDCAE;
            padding-top: 20px;}
summary h1 {font-family:'blessed_dayregular';
            font-size: 72px;
            color: #603913;
            text-align: center;
            margin-top: 70px}
summary p {font-family: 'Inconsolata', monospace;
            width: 620px;
            color: #603913;
            font-size: 14px;
            text-align: center;
            line-height: 17px;
            margin-left: 200px;}

/*our food*/
section {width: 100%;
        height: 595px;
        background-image: url(images/food.jpg);
        background-repeat: no-repeat}
.ourfood {width: 340px;
            height: 165px;
            padding-top: 400px;
            padding-left: 50px;}
section h1 {font-family:'blessed_dayregular';
            font-size: 72px;
            color: #603913;
            text-align: center;
            margin-bottom: -30px;}
section h2 {font-family:'blessed_dayregular';
            font-size: 50px;
            color: #603913;
            text-align: center;
            margin-bottom: -7px;}
section p  {font-family: 'Inconsolata', monospace;
            font-size: 14px;
            color: #603913;
            text-align: center;}

/*gallery*/
figure {width: 100%;
        height: 1130px;
        background-image: url(images/circlepattern.jpg);}
#foodpics {width: 825px;
            height: 850px;
            margin-left: 100px;
            padding-top: 115px;}
.tricolumn {width: 33.3%; 
            float:left; 
            text-align: center;
            text-decoration: none;
            box-sizing: border-box;
            padding:15px;}
/**pictures**/
.one  {width: 250px; height: 250px;
        background-image: url(images/circle1.png);
        float: left;}
.one:hover {background-image: url(images/1.png);
            transition: all .25s ease-in;}
.two {width: 250px; height: 250px;
        background-image: url(images/circle2.png);
        float: left;}
.two:hover {background-image: url(images/2.png);
            transition: all .25s ease-in;}
.three {width: 250px; height: 250px;
        background-image: url(images/circle3.png);
        float: left;}
.three:hover {background-image: url(images/3.png);
                transition: all .25s ease-in;}
.four {width: 250px; height: 250px;
        background-image: url(images/circle4.png);
        float: left; }
.four:hover {background-image: url(images/4.png);
                transition: all .25s ease-in;}
.five {width: 250px; height: 250px;
        background-image: url(images/circle5.png);
        float: left;}
.five:hover {background-image: url(images/5.png);
                transition: all .25s ease-in;}
.six {width: 250px; height: 250px;
        background-image: url(images/circle6.png);
        float: left;}
.six:hover {background-image: url(images/6.png);
            transition: all .25s ease-in;}
.seven {width: 250px; height: 250px;
        background-image: url(images/circle7.png);
        float: left;}
.seven:hover {background-image: url(images/7.png);
                transition: all .25s ease-in;}
.eight {width: 250px; height: 250px;
        background-image: url(images/circle8.png);
        float: left;}
.eight:hover {background-image: url(images/8.png);
                transition: all .25s ease-in;}
.nine {width: 250px; height: 250px;
        background-image: url(images/circle9.png);
        float: left;}
.nine:hover {background-image: url(images/9.png);
                transition: all .25s ease-in;}

/*footer*/
footer {width: 100%px;
        height: 280px;
        background-image: url(images/foot.png);
        background-repeat: no-repeat;
        margin-top: -65px;}
#thefoot {width: 810px; 
            height:240px;
            box-sizing: border-box;
            margin-left:119px;
            padding-top: 65px}
/**text control**/
.column {width: 33.3%; 
            float:left; 
            text-align: center; 
            box-sizing: border-box;}
.column h1 {font-family:'blessed_dayregular';
            font-size: 60px;
            color:#f7941e;}
.column h2 {font-family: 'Inconsolata', monospace;
            font-size: 17px;
            color:#f7941e;
            margin-top: -9px}
.column p {font-family: 'Inconsolata', monospace;;
            font-size: 12px;
            color:#f7941e;
            padding-left: 20px;}
/**social media icons**/
#social {width: 120px; 
            height: 40px; 
            float: left;
            padding-left: 15px;
            margin-left: 65px; }
.facebook {width: 40px;
            height: 40px;
            background-image: url(images/facebook.png); float:left;}
.facebook:hover {background-image: url(images/f.png);}
.twitter {width: 40px;
            height: 40px;
            background-image: url(images/twitter.jpg); float: left}
.twitter:hover {background-image: url(images/t.jpg);}
.instagram {width: 40px;
            height: 40px;
            background-image: url(images/instagram.png);float: left}
.instagram:hover {background-image: url(images/i.png)}

/*DRINKS*/
#drinkscontainer {width: 1054px;
            height: 2630px;
            margin: auto;}
/**hero**/
.drinkshero {width:1054px; 
        height: 685px;
        background-image: url(images/drinkhero.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;}

#drinksmenu {width: 1054px;
            height: 1550px;
            padding-top: 90px;
            padding-bottom: 180px;}
.drinkscontent {width: 950px;
            height: 1500px;
            margin: auto;}
.drinkscontent h1 {font-family:'blessed_dayregular';
                    text-align: center;
                    font-size: 60px;
                    color: #3c2415;
                    margin-top: 30px;}
.drinkscontent h2 {font-family: 'Inconsolata', monospace;
                    color: #f7941e;
                    text-align: center;
                    font-size: 20px;
                    font-weight: 700;
                    margin-top: 5px;
                    margin-bottom: 5px;}
.drinkscontent h3 {font-family: 'Inconsolata', monospace;
                    color: #603913;
                    text-align: center;
                    font-size: 18px;}
.drinkscontent h4 {font-family: 'Inconsolata', monospace;
                    color: #3c2415;
                    text-align: center;
                    font-size: 15px;}
.drinkscontent h5 {font-family: 'Inconsolata', monospace;
                    font-weight: 700;
                    color: #603913;
                    text-align: center;
                    font-size: 22px;
                    margin-top: 15px;}
.drinkscontent h6 {font-family: 'Inconsolata', monospace;
                    color: #603913;
                    text-align: center;
                    font-size: 10px;
                    margin-top: 25px;}
.drinkscontent p {font-family: 'Inconsolata', monospace;
                    color: #603913;
                    text-align: center;
                    font-size: 18px;
                    margin-top: 3px;
                    margin: auto;}

.columnone {
    width: 50%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border-right: dotted 2px #a7a457;
    padding-bottom: 60px;}

.columntwo {
    width: 50%;
    float: right;
    padding: 20px;
    box-sizing: border-box;
    padding-bottom: 60px;}

/*FOOD*/
#foodcontainer {width: 1054px;
            height: 2630px;
            margin: auto;}
/**hero**/
.foodhero {width:1054px; 
        height: 685px;
        background-image: url(images/rose.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;}

#foodmenu {width: 1054px;
            height: 1800px;
            padding-top: 90px;
            padding-bottom: 180px;}
.foodcontent {width: 950px;
            height: 1500px;
            margin: auto;}
.foodcontent h1 {font-family:'blessed_dayregular';
                    text-align: center;
                    font-size: 60px;
                    color: #3c2415;
                    margin-top: 30px;}
.foodcontent h2 {font-family: 'Inconsolata', monospace;
                    color: #f7941e;
                    text-align: center;
                    font-size: 20px;
                    font-weight: 700;
                    margin-top: 5px;
                    margin-bottom: 5px;}
.foodcontent h3 {font-family: 'Inconsolata', monospace;
                    color: #603913;
                    text-align: center;
                    font-size: 18px;}
.foodcontent h4 {font-family: 'Inconsolata', monospace;
                    color: #3c2415;
                    text-align: center;
                    font-size: 15px;}
.foodcontent h5 {font-family: 'Inconsolata', monospace;
                    font-weight: 700;
                    color: #603913;
                    text-align: center;
                    font-size: 22px;
                    margin-top: 15px;}
.foodcontent h6 {font-family: 'Inconsolata', monospace;
                    color: #603913;
                    text-align: center;
                    font-size: 10px;
                    margin-top: 25px;}
.foodcontent p {font-family: 'Inconsolata', monospace;
                    color: #603913;
                    text-align: center;
                    font-size: 18px;
                    margin-top: 3px;
                    margin: auto;
                    clear: both;}

/*ART*/
#artcontainer {width: 1054px;
            height: 3010px;
            margin: auto;}
/**hero**/
.arthero {width:1054px; 
        height: 685px;
        background-image: url(images/arthero.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;}

/*current*/
#show {width: 1054px;
        height: 700px;}
.current {width:825px;
            height: 600px;
            padding-top: 60px;
            margin: auto;}
.current h1 {font-family:'blessed_dayregular';
            font-size: 100px;
            color: #3c2415;
            text-align: center;
            margin-bottom: 20px;}
/**artist info text**/
.artistinfo {width:450px;
            height: 300px;
            float: right;
            margin: auto;
            margin-top: 60px;}
.artistinfo h2 {font-family:'blessed_dayregular';
            font-size: 80px;
            color: #3c2415;
            text-align: left;
            line-height: 30px;
            margin-bottom: 15px;}
.artistinfo h3 {font-family: 'Inconsolata', monospace;
            font-size: 40px;
            font-weight: 700;
            color: #603913;
            text-align: left;
            line-height: 30px; }
.artistinfo h4 {font-family: 'Inconsolata', monospace;
            font-size: 25px;
            color: #603913;
            text-align: left;
            line-height: 30px;
            font-weight: 700;
            margin-top: 5px;}
.artistinfo p {font-family: 'Inconsolata', monospace;
            font-size: 20px;
            color: #603913;
            text-align: left;
            line-height: 20px;
            margin-top: 15px;}
/****nivo slider***/
.artworks {width: 300px;
            height: 480px;
            margin: auto;
            box-sizing: border-box;
            float: left;}

/*gallery*/
#gallery {width: 1053px;
            height: 1650px;
            background-image: url(images/circlepattern.jpg);}
/**main text**/
#gallery h1 {font-family:'blessed_dayregular';
            font-size: 100px;
            color: #f7941e;
            text-align: center;
            margin-bottom: 20px;}
/**images**/
#galleryimages {width: 1053px;
            height: 1650px;
            background-color: rgba(60, 36, 21, 0.68);
            margin-left: 100px;
            margin:auto;
            padding-top: 60px;}
/*shows*/
.shows {width:900px;
            height: 1600px;
            margin: auto;
            }
.tricolumns {width: 300px; 
            float:left; 
            text-align: center;
            text-decoration: none;
            box-sizing: border-box;
            padding:15px;
box-sizing: border-box;}
.tricolumns h2 {font-family: 'Inconsolata', monospace;
            font-size: 24px;
            color: #f7941e;
            font-weight: 700;
            text-align: c;
            padding-top: 250px;}
.tricolumns h3 {font-family: 'Inconsolata', monospace;
            font-size: 20px;
            color: #fff;
            text-align: center;}
/**pictures**/
.jan {width: 250px; height: 250px;
        background-image: url(images/january.png);
        float: left;}
.jan:hover {background-image: url(images/jan.png);
            transition: all .25s ease-in;}
.feb {width: 250px; height: 250px;
        background-image: url(images/february.png);
        float: left;}
.feb:hover {background-image: url(images/feb.png);
            transition: all .25s ease-in;}
.mar {width: 250px; height: 250px;
        background-image: url(images/march.png);
        float: left;}
.mar:hover {background-image: url(images/mar.png);
                transition: all .25s ease-in;}
.apr {width: 250px; height: 250px;
        background-image: url(images/april.png);
        float: left; }
.apr:hover {background-image: url(images/apr.png);
                transition: all .25s ease-in;}
.may {width: 250px; height: 250px;
        background-image: url(images/may.png);
        float: left;}
.may:hover {background-image: url(images/ma.png);
                transition: all .25s ease-in;}
.jun {width: 250px; height: 250px;
        background-image: url(images/june.png);
        float: left;}
.jun:hover {background-image: url(images/jun.png);
            transition: all .25s ease-in;}
.jul {width: 250px; height: 250px;
        background-image: url(images/july.png);
        float: left;}
.jul:hover {background-image: url(images/jul.png);
                transition: all .25s ease-in;}
.aug {width: 250px; height: 250px;
        background-image: url(images/august.png);
        float: left;}
.aug:hover {background-image: url(images/aug.png);
                transition: all .25s ease-in;}
.sep {width: 250px; height: 250px;
        background-image: url(images/september.png);
        float: left;}
.sep:hover {background-image: url(images/sep.png);
                transition: all .25s ease-in;}
.oct {width: 250px; height: 250px;
        background-image: url(images/october.png);
        float: left;}
.oct:hover {background-image: url(images/oct.png);
                transition: all .25s ease-in;}
.nov {width: 250px; height: 250px;
        background-image: url(images/november.png);
        float: left;}
.nov:hover {background-image: url(images/nov.png);
                transition: all .25s ease-in;}
.dec {width: 250px; height: 250px;
        background-image: url(images/december.png);
        float: left;}
.dec:hover {background-image: url(images/dec.png);
                transition: all .25s ease-in;}

/*LOCATION*/
#locationcontainer {width: 1054px;
                    height: 1850px;
                    margin: auto;}
/**hero**/
.locationhero {width:1054px; 
        height: 685px;
        background-image: url(images/inside.jpg);
        background-repeat: no-repeat;
        background-size: cover;}

/**map**/
#map {width: 1054px;
        height: 400px;
        margin-bottom: 30px;
        margin-top: 10px;}

#inform {width: 1054px;
            height: 500px;
            padding-top: 10px;}
/**contact us**/
.moreinfo {width: 500px;
            float: right;
            margin-bottom: 100px;
            margin-right: 090px; 
            float: right;}
.moreinfo a {color: #603913}
.moreinfo h1 {font-family:'blessed_dayregular';
            font-size: 60px;
            color: #3c2415;
            text-align: left;
            margin-bottom: -10px;}
.moreinfo h2 {font-family: 'Inconsolata', monospace;
            font-size: 20px;
            color: #603913;
            font-weight: 700;
            text-align: left;
            padding-top: 15px;
            padding-bottom: 3px;}
.moreinfo p  {font-family: 'Inconsolata', monospace;
            font-size: 20px;
            color: #603913;
            text-align: left;
            line-height: 20px;}
.moreinfo a:hover {color: #f7941e;}
/**get in touch**/
#forms {width: 350px;
            height: 50px;
            float: left;
            color: #fff;
            margin-top: -420px;
            margin-bottom: 100px;
            margin-left: 50px; 
            margin-right: 244px;}
#forms h1 {font-family:'blessed_dayregular';
            font-size: 60px;
            color: #3c2415;
            text-align: left;}
/***boxes***/
.contact{height: 400px;
            width:400px;
            float:left;}
.row {height:20px;
        color:#603913;
        font-family: 'Inconsolata', monospace;
        font-size: 25px;
        padding-bottom: 40px;}
.row h2 {width: 100px;
            font-family: 'Inconsolata', monospace;
            font-size: 20px;
            color: #603913;
            text-align: left;
            margin-bottom: -20px;}
#name {width: 200px;}
#email {width: 200px;}
#message {width: 300px;}
label{font-weight: 700;}
/***submission button***/
.submit_button {width:100px;
                height:40px;
                margin-top: 100px;
                margin-left: 1px;
                color:#fff;
                font-family: 'Inconsolata', monospace;
                font-size: 15px;
                background-color:#f7941e;}
.submit_button:hover {color:#fff;
                        font-family: 'Inconsolata', monospace;
                        font-size: 20px;
                        background-color:#C3C62F;
                        transition: all .5s ease-in}