/* ==========================================================================
   TrevNet Media Corp.
   http://www.trevnetmedia.com/

   Responsive Design CSS
   ========================================================================== */

#MobileOnlyWidgets, .phoneOnly, #PageSelect, .MobileOnly {
	display: none !important;
}

/* 1024 */
@media screen and (max-width:1150px) {
	/* NOT NEEDED */
}

/* 768 */
@media screen and (min-width:950px) {
	#header_wrapper {
		position: fixed;
		width: 100%;
		z-index: 2000;
	}
	#header_wrapper .header_background_wrapper {
		width: 100%;
		height: 150px;
		overflow: hidden;
		position: absolute;
		z-index: 0;
	}
	#header_wrapper .header_background_wrapper .header_background {
		background-position: center top;
		width: 100%;
		height: 752px;
		background-size: cover;
		position: absolute;
		z-index: 0;
	}
	.admin-bar #header_wrapper .header_background_wrapper .header_background {
		margin-top: -32px;
	}
	.content_wrapper {
		/*padding-top: 150px;*/
	}
	.home #header_wrapper .header_background_wrapper { display: none; }
	.header_shadow {
		display: none;
	}
}

@media screen and (max-width:950px) {

	#header_wrapper .header_background_wrapper {
		display: none;
	}
	.content_wrapper {
		padding-top: 0 !important;
	}

	.MobileOnly {
		display: block !important;
	}
	.DesktopOnly {
		display: none !important;
	}
	.Wrapper {
		width: 700px;
	}
	#content {
		width: 598px;
	}
	#Header #Logo {
		width: 700px;
	}
	#Home #Slider {
		margin-left: -18px;
		margin-bottom: 65px;
	}
	#Home #Slider .right {
		width: 315px !important;
		padding-bottom: 0;
		/* border-bottom: 6px solid #fff; */
	}
	#Home #Slider .right * {
		width: 315px !important;
		max-width: 315px !important;
		height: 524px !important;
	}
	#Home #Slider .left {
		display: none;
	}
	#Home #Slider .middle {
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
		width: 330px !important;
		margin-right: 30px;
		margin-left: 22px;
	}

	#Home #Slider .middle ul li img {
		max-width: 150%;
		margin-left: -20px;
	}
	#NewsTicker, #NewsTicker .bjqs, #NewsTicker .bjqs-slide {
		width: 690px !important;
		height: 130px !important;
		background-repeat: repeat;
	}
	#NewsTicker .item h1 {
		width: 250px;
		height: 130px;
	}
	#NewsTicker .item p {
		margin: 21px 10px 0 0 !important;
		width: 356px;
	}
	#secondary {
		display: none;
	}
	.singular #primary {
		width: 730px;
	}
	.singular #content, .left-sidebar.singular #content {
		width: 628px;
	}

	/* Menu Page */
	#MenuLocations div {
		float: none;
		text-align: center;
		width: 100% !important;
		display: block;
		margin-bottom: 50px;
	}
	#MenuLocations div .wp-caption-text {
		left: 50% !important;
		margin-left: -62px !important;
	}
	.entry-header .dropdown .dropdown-toggle {
		font-size: 1.2em;
		padding: 10px 15px;
		margin-top: -10px;
	}

	/* Artists Page */
	#Artists {
		margin-top: 30px;
	}
	#Artists .wp-caption .wp-caption-text {
		display: block !important;
	}
	#Artists br.Clear {
		display: none;
	}
	#Artists .wp-caption.last, #Artists .wp-caption {
		margin-right: 30px !important;
	}

	/* Community Pages */
	#community .section {
		width: 91%;
		float: right !important;
		margin: 0 0 20px 0!important;
	}

	/* Trademark Bar */
	#TradeMarks li {
		font-size: 14px !important;
		width: 165px !important;
		margin-right: 20px !important;
		letter-spacing: .02em !important;
	}
	#TradeMarks li span {
		font-size: 15px !important;
		letter-spacing: .02em !important;
	}

	/* Locations Page */
	.close-modal, .close-modal:hover {
		font-size: 2em;
		padding: 15px 10px 21px;
		border-radius: 50px;
	}

    #CalendarForm .span6,
    #CalendarForm .span8,
    #CalendarForm .span4,
    #CalendarForm .span9,
    #CalendarForm .span3 {
	    width: 100% !important;
	    float: none !important;
	    margin-bottom: 20px;
    }

    #CalendarForm input[type=text],
    #CalendarForm input[type=email],
    #CalendarForm textarea {
	    width: 100% !important;
	    float: none;
    }

	#Footer p {
		text-align: center;
		display: block;
		width: 100%;
	}

    ol.bjqs-markers li{display:none;}
    #food_slider { margin-bottom: 45px; }

}

/* 480 */
@media screen and (max-width:640px) {

	#MobileSideBar #MobileMenuButton.big-logo-adjust {
		margin: 250px 0 0 -52px !important;
	}

	.Wrapper,
	#Header #Logo,
	.singular #primary {
		width: 98%;
	}

	#Header #Logo a {
		width: 100% !important;
		display: block;
		text-align: center;
		padding: 0 !important;
	}

	#Slider .right,
	#TradeMarks {
		display: none;
	}

	#Home #Slider {
		text-align: center;
		margin: -40px auto 0 auto !important;
		width: 380px;
	}

	#Home #Slider .middle,
	#Home #Slider .middle *{
		margin: 0 auto !important;
		width: 368px !important;
	}
	#Home #Slider .middle ul li img {
		margin-bottom: 10px !important;
	}

	#Footer {
		padding: 20px 15px;
	}

	#Footer p {
		text-align: center;
		width: 100%;
	}

	#Social {
		float: none;
		margin: 10px auto 20px;
		height: 35px;
		width: 180px;
		position: relative;
		z-index: 99999;
	}
	#Social p {
		display: none;
	}
	#Social ul {
		float: none;
	}
	#Social img {
		width: 34px;
		height: 34px;
	}

	#Social li ul {
		width: 230px;
		margin-left: -90px;
	}

	#Social li ul > li > a {
		font-size: 1.1em;
		padding: 20px !important;
		line-height: 20px;
		background-image: none !important;
	}

	#primary, .singular #primary {
		width: 95% !important;
		margin: 5px 10px !important;
	}

	#content {
		width: 77% !important;
		margin-top: -30px;
	}

	.singular #content, .left-sidebar.singular #content {
		width: 83% !important;
	}

	.entry-title, .entry-title, .entry-header .entry-meta {
		padding-right: 0 !important;
		width: 105%;
	}

	.entry-title span {
		width: 100%;
		min-width: 0;
	}

	.entry-header .dropdown {
		float: none;
		display: block !important;
		padding: 10px 0 0;
		position: relative !important;
		margin-top: -15px
	}

	.entry-header .dropdown a.dropdown-toggle {
		display: block;
		margin: 10px 0 !important;
	}

	#ViewMenu, #HomeButtons {
		left: 15%;
	}

	/* Locations Page */
	#gmapslocations {
		display: none;
	}

	.hours-popup, .ea_modal {
		background: none repeat scroll 0 0 rgb(255, 255, 255);
		border: 4px solid rgb(147, 106, 69);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
		display: none;
		left: 50%;
		margin: -150px 0 0 -45.5%;
		position: absolute;
		top: 0;
		width: 90%;
		z-index: 1002;
		overflow-x: hidden;
		height: auto !important;
		max-height: 9999px !important;
	}

	.hours-popup .fr, .hours-popup .location {
		float: none !important;
		width: 85% !important;
		margin: 0 auto;
	}
	.hours-popup .location {
		margin-top: -35px;
	}

	/* Menu Pages */
	#food_slider, #food_slider ul, #food_slider ul li,
	#page_slider, #page_slider ul, #page_slider ul li {
		width: 100% !important;
	}
	#food_slider ul li img,
	#page_slider ul li img {
		width: 100%;
	}
	#food_slider ul li p,
	#page_slider ul li p {
		margin: 10px 0;
	}
	#food_left, #food_right {
		float: none;
		width: 100%;
	}

	/* Our Food */
	#ourfood a, #ourfood a img, #ourfood .wp-caption {
		width: 100% !important;
		height: auto !important;
	}

	/* Chefs Page */
	#chefs div {
		width: 100% !important;
		float: none !important;
	}

	/* Artists Page */
	#Artists .wp-caption {
		margin: 0 auto 30px !important;
		display: block;
		float: none;
	}

	/* Community Page */
	#community .section {
		width: 90%;
		margin: 0 0 40px!important;
		float: none !important;
		padding-bottom: 50px;
	}
	#community .section * {
		max-width: 90% !important;
	}

	#Footer a.fr.divider {
		border-left: 0 !important;
		padding-left: 0 !important;
	}

}

/* in-between */
@media screen and (max-width:540px) {
	#ViewMenu, #HomeButtons {
		left: 15%;
	}
}

/* 320 */
@media screen and (max-width:460px) {

	#Home #Slider {
		width: 90% !important;
	}

	#Home #Slider .middle {
		width: 80% !important;
		left: 50%;
		margin-left: -41.5% !important;
	}
	#Home #Slider .middle * {
		margin-left: -20px !important;
	}
	.entry-title {
		font-size: 37px !important;
		line-height: 1em;
	}
	#food_slider_vertical {
		display: none;
	}
	#Footer {
		text-align: center;
		padding: 30px 0 10px;
		height: auto;
	}
	#Footer .fl, #Footer .fr {
		float: none;
	}

	#ViewMenu, #HomeButtons {
		left: 13%;
	}

	/* Our Food */
	#ourfood .wp-caption .wp-caption-text {
		font-size: 20px;
		width: 150px;
		height: 40px;
		background-position: 0 -30px;
		line-height: 28px;
		margin-left: -14px;
		margin-top: -50px;
	}

	/* Artists */
	#Artists .wp-caption {
		width: 100% !important;
	}

	/* Locations */
	.hours-popup, .ea_modal {
		margin: -150px 0 0 -56.5%;
		width: 110%;
	}
	#Locations .Location h4 a, #Locations .Location h4 a:hover {
		white-space: normal !important;
		display: block;
		padding-right: 0 !important;
	}

	/* Contact Us Page */
	#Newsletter input {
		width: 90% !important;
		margin-top: 8px;
	}

}

/* iPhone 6 Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

	#primary {
		width: 595px;
	}

	#content {
		margin-right: 0;
		width: 100%;
	}

	#Header #Logo {
		width: 100%;
	}

	#Home #Slider .middle {
		margin-right: 8px;
		margin-left: 27px;
		width: 319px !important;
	}

	#Home #Slider .right {
		width: 310px !important;
		padding-bottom: 0;
	}

}

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
	body, #header_wrapper .header_background_wrapper .header_background {
		background-size: auto;
		background-attachment: fixed !important;
	}
	body.home {
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}