/*
Theme Name: Restaurant Akropolis Theme
Template: grandrestaurant
Author: Aplo Design
Author URI: aplodesign.dk
Description: Restaurant Theme
Tags: white,responsive-layout,custom-header,custom-background,translation-ready,editor-style,custom-menu
Version: 1.0
Updated: 2018-10-06 18:01:13

*/

.animate {
	opacity: 1 !important;
    visibility: visible !important;
}

.menu_content_classic .menu_dots {
	top: 20px !important;
}

.logo_wrapper img {
	width: auto !important;
}

.top_bar.hasbg #menu_wrapper div .nav > li > a:hover {
	color: #0865d3 !important;
}

#footer {
	position: relative;
}

#footer .op-table .op-row .op-cell {
	border-color: #e1e1e1 !important;
}
.footer_bar #copyright {
	color: currentColor;
}

#footer .elite-smiley-dk {
	position: absolute;
    top: 25px;
    right: 25px;
	width: 50px;
}

a.button:hover, .button:hover {
	background: #0865d3;
    border-color: #0865d3;
}

.nf-field .ninja-forms-field {
	padding: 13px 10px 13px 10px;
}

.menu_dots {
	display: block !important;
}

.ppb_title .ppb_title_first {
	color: #0865d3;
}

.ppb_menu_title {
	border-bottom: none;
}

#menu-1,
#menu-2,
#menu-3
{
	width: 95%;
	margin: 50px 2.5% 0;
    border: 1px solid;
}
#menu-1 .menu_content_classic .post_detail.menu_excerpt,
#menu-2 .menu_content_classic .post_detail.menu_excerpt,
#menu-3 .menu_content_classic .post_detail.menu_excerpt
{
	width: 100%;
}


@media only screen and (min-width: 799px) {
	.one:not(.withsmallpadding):not(.ppb_header):not(.withbg) .page_content_wrapper .inner {
		display: flex;
	}
	.one .page_content_wrapper .inner .content_middle {
		align-self: center;
	}
	
	#menu-1,
	#menu-2,
	#menu-3
	{
		width: 30%;
		clear: right;
		margin: 0 calc((100% - 30% * 3) / 6);
		margin-top: 50px;
	}


	#menu-1 .standard_wrapper,
	#menu-2 .standard_wrapper,
	#menu-3 .standard_wrapper
	{
		width: 100%;
		padding: 0;
	}

	#menu-1 .standard_wrapper .inner,
	#menu-2 .standard_wrapper .inner,
	#menu-3 .standard_wrapper .inner
	{
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.one_half, 
	.one_half.last {
		float: left !important;
	}
}
@media only screen and (max-width: 960px) {
	.standard_wrapper,
	#footer ul.sidebar_widget {
		width: 90% !important;
	}
}
