body {color: #2e2d2d;}

a {color: #0c8040;}
a:hover {color: #2e2d2d;}

.gift-card {color: #f6cc4b;}
.gift-card::before {background-image: url(../images/icon_gift_card_ferris_grill.png);}
.gift-card::after {background-image: url(../images/icon_gift_card_ferris_grill_hover.png);}
.gift-card:hover {color: #0c8040;}

.newsletter {color: #f6cc4b; border-color: #f6cc4b;}
.newsletter:hover {color: #0c8040; border-color: #0c8040;}

.menu-link a {background: #0c8040; color: #fffde9; text-transform: uppercase; border: 2px solid #fffde9; border-bottom: none; font-family: "Fenix", serif; font-size: 1.8rem; box-shadow: -4px 0 0 rgba(12, 128, 64, 1), 4px 0 0 rgba(12, 128, 64, 1), 0 -5px 0 rgba(12, 128, 64, 1), -4px -5px 0 0 rgba(12, 128, 64, 1), 4px -5px 0 0 rgba(12, 128, 64, 1);}
.navigation {background: url(../images/bg_ferris_grill_nav.png) repeat-x bottom left; vertical-align: bottom; pointer-events: none; padding-bottom: 90px; position:relative;}
.navigation .logo {margin-bottom: -41px;}
.navigation .logo a {padding: 11px 0; margin-top: 0;}
.navigation .logo a img {display: block;}
.navigation li {margin: 0 32px;}
.navigation li a {display: block; padding: 37px 8px; color: #ffffff; line-height: 1.2em; pointer-events: all;}
.navigation li a:hover,
.navigation li.selected a {color: #f6cc4b;}

.button {color: #2e2d2d; border-color: #2e2d2d;}
.button:hover {color: #0c8040; border-color: #0c8040;}

.container.body .image-gallery .image-gallery-item::before {background-color: #0c8040;}

.sub-footer.container .sub-footer {background: url(../images/bg_ferris_grill_subfooter.png) no-repeat top left; background-size: 50% 100%;}
.map.container .get-directions:hover {color: #0c8040; border-color: #0c8040;}

.order-online-link {
    position: absolute;
    background: #0c8040;
    pointer-events: all;
    bottom: -60px;
    color: black;
    border: 3px solid #f6cc4b;
    padding: 5px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
}

.order-online-block{
	position: absolute;
	pointer-events: all;
	margin-top: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.order-online-block a{
	display: block;
	width: 220px;
    height: 44px;
	position: relative;
}

.order-online-block a div{
	width: 100%!important;
	height: 100%!important;
	background-size: 220px;
}

.order-online-block a:hover div{
	opacity: 0.8;
}

.home-icon.container .home-icon a:hover,
.order-online-link:hover {
    background: #f6cc4b;
}

.other-links a:hover{
	color: #f6cc4b;
}

@media screen and (min-width: 669px){
    .navigation {
        padding-bottom: 0;
    }

    .order-online-link{
        top: 50px;
        left: 32%;
        bottom: auto;
    }
	
	.order-online-block{
		margin: 0;
		top: 52px;
		left: calc(50% - 250px);
	}
	
	.order-online-block a{
		width: 152px;
		height: 31px;
	}

	.order-online-block a div{
		background-size: 152px;
	}
}

@media all and (min-width: 1150px) {
    .order-online-link {
        left: 37%;
    }
}

@media all and (max-width: 1150px) {
	.navigation li {margin: 0 16px;}
}

@media all and (max-width: 950px) {
    .navigation {
        font-size: 1.3rem;
    }

    .navigation li {
        margin: 0 5px;
    }

    .navigation li a {
        padding: 37px 4px;
    }
}

@media all and (max-width: 768px) {
    .sub-footer.container .sub-footer {background-size: 100% 100%;}
}

@media all and (max-width: 668px) {
    .container.navigation-mobile {background: url(../images/bg_ferris_grill_nav.png) repeat-x top left;}
    .mobile-menu {box-shadow: inset 0 -4px 4px rgba(0,0,0,0.1);}
    .navigation {background: none;}
    .navigation li.logo {margin-bottom: -32px; }
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */