/***** MAIN *****/
html
{
    scroll-behavior: smooth;
}

body
{
    font-family: boucherie-block, sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 1.6em;
    
    /* font-family: spumante, sans-serif;
    font-style: normal;
    font-weight: 400; */
}

/***** NAVIGATION *****/

.navbar
{
	background-color: white;
    padding: 0px;

    font-family: boucherie-block, sans-serif;
    font-weight: 700;
    font-style: normal;

    font-size: 18px;
}

.nav-item
{
    margin-top: auto;
    margin-bottom: auto;
}

.icon-link
{
    display: inline;
}

#collapsibleNavbar > .navbar-nav > .nav-item > a
{
    color: #2C3B45;
    padding: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#collapsibleNavbar > .navbar-nav > .nav-item > a:hover
{
    color: white;
    background-color: #2C3B45;
}

#collapsibleNavbar > .navbar-nav > .nav-item > .active
{
    color: white;
    background-color: #2C3B45;
}

#collapsibleNavbar > .navbar-nav > .active > a
{
    color: white;
    background-color: #2C3B45;
}



/***** PILLS *****/

.nav-pills > .nav-item > .active
{
    background-color: rgba(255, 255, 255, 0) !important;
}

.nav-pills
{
    margin : 0 auto;
    padding : 0;
    /* width: 400px; */
}

.tab-pane
{
    background-color: rgba(255, 255, 255, 0.7);
    padding-bottom: 15px;
}

.nav-pills > .nav-item > a:hover > #wineicon
{
    content: url("images/icons/wineicon2.png");
}

.nav-pills > .nav-item > .active > #wineicon
{
    content: url("images/icons/wineicon2.png");
}

.nav-pills > .nav-item > a:hover > #foodicon
{
    content: url("images/icons/foodicon2.png");
}

.nav-pills > .nav-item > .active > #foodicon
{
    content: url("images/icons/foodicon2.png");
}

.nav-pills > .nav-item > a:hover > #drinksicon
{
    content: url("images/icons/drinksicon2.png");
}

.nav-pills > .nav-item > .active > #drinksicon
{
    content: url("images/icons/drinksicon2.png");
}

.nav-pills > .nav-item > a:hover > #gticon
{
    content: url("images/icons/ginicon2.png");
}

.nav-pills > .nav-item > .active > #gticon
{
    content: url("images/icons/ginicon2.png");
}

/**********/

@media only screen and (max-width: 989px) 
{
    .navbar
    {
        background-color: white;
        padding: 0px;
        
        text-align: center;
        font-family: boucherie-block, sans-serif;
        font-weight: 700;
    }

    #collapsibleNavbar > .navbar-nav > .nav-item > a
    {
        color: black;
        padding: 10px;
    }

    #collapsibleNavbar > .navbar-nav > .nav-item > a:hover
    {
        color: white;
        background-color: #2C3B45;
    }

    #collapsibleNavbar > .navbar-nav > .active > a
    {
        color: white;
        background-color: #2C3B45;
    }

    #scrollButton > img
    {
        content: url("images/icons/swipeicon.png");
    }

    #homeQuote
    {
        padding-top: 10px;
    }
}

#hamburgerButton
{
	margin:0px;
	padding:0px;
    border:0;
    outline: none !important;
    box-shadow: none;
}

#hamburgerButton:hover, #hamburgerButton:focus
{
	margin:0px;
	padding:0px;
	border:0;
	background-color: white;
    outline: none !important;
    box-shadow: none;
}

#hamburgerButton:hover > img
{
    outline: none !important;
    box-shadow: none;
    content: url("images/icons/menu3.png");
}

#homeQuote
{
    padding-top: 250px;
    padding-bottom: 50px;
}

.mainBack
{
    background-image: url('images/banners/brickBackground.jpg');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.aboutBack
{
    background-image: url('images/banners/concretebackground.png');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.galleryBack
{
    background-image: linear-gradient(#80C2E3, #2D3C46);
}

.facebookBack
{
    background-image: url('images/banners/strip.png');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.serveBack
{
    background-image: url('images/banners/woodbackground.jpg');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.carousel-control-prev > img:hover
{
    
    content: url("images/icons/arrowleft2.png");
}

.carousel-control-next > img:hover
{
    
    content: url("images/icons/arrowright2.png");
}

.carousel-control-prev
{
    top: 50%;
    left: 30%;
}

.carousel-control-next
{
    top: 50%;
    right: 30%;
}

/***** FOOTER *****/

footer
{
    background-color: #333D47;
    color: white;
}

.footerLink
{
    text-decoration: none;
    color: white;
}

.footerLink:hover
{
    text-decoration: none;
    color: white;
}

.footerHeader
{
    text-decoration: underline;
}

#contactBtn
{
    border: 2px solid #464646;
    color: white;
    background-color: #464646;
}

#contactBtn:hover
{
    border: 2px solid #80C2E3;
    color: #464646;
    background-color: #80C2E3;
}

.formInput
{
    color: #090909;
    background-color: white;
    margin-bottom: 15px;
    border-radius: 0px;
}

.whatweserve 
{
    position: relative;
}

.center-left
{
    position: absolute;
    top: 20%;
    left: 70%;
    /* transform: translate(-50%, -80%); */
}