

.portfolio_nav { display:none; }
.top_bar.fixed
{
	position: fixed;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	z-index: 999;
	visibility: visible !important;
	top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
	margin-top: 16px;
}

.top_bar.fixed #searchform
{
	margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
	margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
	padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
	max-height: 40px;
	width: auto;
}
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    display: none;
}
html[data-menu=leftmenu] .mobile_menu_wrapper, body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.menu_dots
{
	display: none !important;
}
.grid_image_frame .post_detail.menu_excerpt
{
	margin-top: 20px;
}


#wrapper.hasbg .above_top_bar
{
    background: #4a72b1 !important;
	background: rgb(74, 114, 177, 0.9) !important;
	background: rgba(74, 114, 177, 0.9) !important;
}


@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(400px, 0px);
		-ms-transform: translate(400px, 0px);
		transform: translate(400px, 0px);
		-o-transform: translate(400px, 0px);
	}
}

html[data-menu=leftmenu] .mobile_main_nav, #sub_menu
{
	clear: both;
}

html[data-menu=leftmenu] #wrapper
{
	padding-top: 0;
}
#footer .sidebar_widget li.widget_text h2.widgettitle{
text-align:center;
font-size:16px;
}
.scroll{
height:115px !important;
}

.zoom{
max-height:100px !important;
}

.footer_bar_wrapper{
    border-color: rgba(255,255,255,0.8) !important;
    background: rgba(255,255,255,0.8) !important;
}

#copyright{
text-align:center;
width:100%;
}


.menu_content_classic .menu_dots{
background-image: radial-gradient(circle closest-side,#ccc 80%,#000 10%);
}

.social_wrapper ul li a, #footer a{
color:#000 !important;
}

.social_wrapper.shortcode{
margin-top:25px !important;
}
#menu_wrapper div .nav &gt; li.current-menu-item &gt; a{
color:#D07300 !important;
}

.menu_content_classic .menu_title{
padding-right:10px;
}

.ppb_title_first{
color:#000;
}

.foodpress_menu .fp_menu_sub_section{
    font-size: 37px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 0px rgb(23, 64, 101);
    text-transform: uppercase !important;
    color: #d07400 !important;
}

.fp_box h3{
font-size: 20px !important;
font-weight: bold !important;
color: #063089 !important;
}

.fp_price{
background-color: #063089 !important;
}

.fp_popup h3{
color: #063089 !important;
font-weight: bold !important;
}

.fp_menucard_content .menu_description p{
color: #f39d00 !important;
}

.foodpress_menu{
background: rgba(255,255,255,0.4) !important;
padding:20px !important;
}

.fp_box .menu_description{
color: #d07400 !important;
font-weight: bold !important;
font-size: 14px !important;
}

.fp_pop_inner .fp_popup_img_price{
background-color: #FF9800 !important;
}
#video-button{
    background-color: #ffc30f;
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #0a46fa;
    color: #0a46fa;
    font-size: 23px;
}
#video-button:hover{
    background-color: #0a46fa;
    border: solid 2px #ffc30f;
    color: #ffc30f;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#video-button{
    background-color: #ffc30f;
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #0a46fa;
    color: #0a46fa;
    font-size: 23px;
}
#video-button:hover{
    background-color: #0a46fa;
    border: solid 2px #ffc30f;
    color: #ffc30f;
}}

@media only screen and (max-width: 767px) {
#video-button{
    background-color: #ffc30f;
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #0a46fa;
    color: #0a46fa;
    font-size: 23px;
}
#video-button:hover{
    background-color: #0a46fa;
    border: solid 2px #ffc30f;
    color: #ffc30f;
}}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#video-button{
    background-color: #ffc30f;
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #0a46fa;
    color: #0a46fa;
    font-size: 23px;
}
#video-button:hover{
    background-color: #0a46fa;
    border: solid 2px #ffc30f;
    color: #ffc30f;
}}

