/*
Extra styles

* original h1 1ba5e1
    color: #137CAA;  original blue
    color: #116488;   blue
    color: #137CAA; blue

black  231f20

*/

body
{
    color:#137caa;
    color:#231f20;
    font-size: 1.24rem;
}

table tr th, table tr td
{
    font-size: 1.24rem;
    color: #231f20;
}

#onetrust-banner-sdk #onetrust-policy-text,
#onetrust-banner-sdk .ot-b-addl-desc,
#onetrust-pc-sdk #ot-pc-desc,
#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc,
#onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-sdk-button, #ot-sdk-cookie-policy button,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-pc-sdk .ot-cat-grp .ot-always-active
{
    font-size: 1.24em !important;
}

.gform_wrapper .gform_footer input,
.gform_wrapper input,
button, .button
{
	background-color: #ffffff;
	color: #231f20;
}

.gform_wrapper.gravity-theme .gfield_label
{
	font-size:1.24rem !important;
}

.gform_confirmation_message
{
	margin:32px 0 !important;
	font-weight:bold !important;
	font-size:24px !important;
	color:#000000 !important;
}


footer span, footer .gfield_description
{
    color: #231f20;
}

/*
.top-bar-section ul li > a
{
    color: #116488;
}

footer .footer-menu ul li a
{
    color: #116488;
}
*/

footer .social ul li a {
    background: #231f20;
}

.page-content
{
	padding-top:150px;
}

.h1
{
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-family: "Tondu-Beta", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 1px;
}

h1.entry-title
{
	font-size: 40px;
	line-height: 50px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	padding: 0px 0;
	margin:0 0 24px;
	text-transform: lowercase;
}

.mobile-hero
{
		height: 160vw;
		display: block;
		margin:90px 0 0px;
		display:none;
}

.mobile-hero .h1
{
	color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 4px 0px #137CAA;
    font-size: 36px;
    line-height: 40px;
	padding: 30% 0 0;
	margin:0 auto 60px;
}

.mobile-hero .pier39logo
{
	width:140px;
}

.single-news p, .archive p {
    font-family: "Josefin Slab", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    float: left;
    width: 100%;
    padding-bottom: 0px;
    color: #444041;
}

p {
    font-family: inherit;
    font-weight: 400;
    font-size: 1.24rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

a
{
    color:#137CAA;
}

.menu {
    padding-top: 0px;
}

.proudof
{
	margin:0px auto 36px;
}


.tabs-content > .content.active {
    margin-top: 0px;
}

.tabs-content > .content {
    padding-top: 44px;
}

.tabs-standard li:nth-child(1), .tabs-standard li:nth-child(4), .tabs-standard li:nth-child(6),
.tabs-standard li:nth-child(2), .tabs-standard li:nth-child(3), .tabs-standard li:nth-child(5)
{
    top: -15px;
}

#drinks,
#desserts,
#kids,
#gf-info
{
	width:80%;
	max-width:1000px;
	margin:0 auto;
}

#gf-info
{
	padding:11px 0 32px;
}

#lunchdinner .column,
#lunchdinner .columns
{
	padding:0;
}

@media screen and (max-width: 680px)
{
	#drinks,
	#desserts,
	#kids
	{
		width:90%;
	}
}

li.large-6:nth-child(even)
{
	clear:left;
}

#yelp p,
#waitlist p,
#groups p
{
    font-size: 24px;
    font-weight: 400;
    color: #111111;
}


.rmp-menu
{
	list-style-type: none !important;
}

.rmp-menu,
.rmp-menu li,
.rmp-menu li a,
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link
{
/*
    font-family: "Josefin Slab", Helvetica, sans-serif;
*/
    font-family: "Tondu-Beta", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.275rem;
    font-weight: normal;
    text-transform: uppercase;
    color:#137CAA;
}

.rmp-menu li
{
	padding:18px 0 18px;
	border-bottom:1px solid #137CAA;
}

#rmp-menu-item-3627x,
#responsive-menu-item-3627x
{
	display:none;
}


.rmenu-logo
{
	width:200px;
}


.gform_wrapper {
    margin: 16px 18px 16px 0 !important;
    max-width: 90% !important;
}

.restaurant-logos img
{
	max-height:120px;
	width:auto;
}

.menu-block #lunchdinner .span-blocked {
    padding: 0 20px;
    display: block;
}

.menu-block #lunchdinner .blocked-head {
/*
    padding-left: 30px;
*/
}

#menuImg-8, #menuImg-10, #menuImg-12 {
    margin-top: 50px;
}

.menu-block,
.menu-block span
{
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: "Josefin Slab", Helvetica, Roboto, Arial, sans-serif;
    color: #111111;
}

.menu-block h3
{
    font-size: 34px;
    font-weight: 400;
    font-family: "Tondu-Beta", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 -15px;
    text-align: left;
    padding-bottom: 0;
    color: #f7941d;
    color: #4a4a4a;
}

.menu-block h4 {
    font-size: 24px;
    font-weight: 600;
    font-family: "Josefin Slab", Helvetica, sans-serif;
    margin: 0;
    line-height: 34px;
    color: #111111;
}

@media (max-width: 768px)
{
    .menu-block h3 {
    	margin-top:32px;
        text-align: center;
        font-size: 28px;
    }
}

.on-pier .call-us, .on-pier .call-us-small,
#groups .call-us, #groups .call-us-small
{
    font-family: "Josefin Slab", Helvetica, Roboto, Arial, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: #231f20;
    text-transform: uppercase;
    margin-bottom: 0;
}

.nowrap
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	white-space:nowrap;
}


/*
.top-bar-section ul li > a {
    padding: 12px 0 12px 0;
    font-size: 1.0rem;
}
*/

.takeout-link
{
	display:none;
}

.hero-button,
.hero-button:active,
.hero-button:visited
{
	font-family: "Tondu-Beta", sans-serif;
	background:#d00600;
	font-size:24px;
	line-height:1.44;
	padding:14px 20px;
	color:#ffffff;
	font-weight:normal;
	outline:none;
	text-align:center;
	margin:0 auto;
	text-shadow:none;
	text-decoration:none !important;
}

.hero-button:hover
{
	background:#b10803;
	color:#ffffff
	outline:none;
}


.tabs-content > .content,
.tabs-content > .content.hide
{
    display:none;
}

.tabs-content > .content.active
{
    display:block;
}

.hero-logo
{
    position: absolute;
    top: 600px;
    right: 30px;
    z-index: 1000;
}

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

	.on-pier .call-us, .on-pier .call-us-small,
	#groups .call-us, #groups .call-us-small
	{
		font-size: 20px;
		line-height: 26px;
	}


	.hero-slider
	{
			display:none;
	}

	.mobile-hero
	{
			display:block;
	}

	.hero-logo
	{
		position: absolute;
		top: 480px;
		right: 30px;
		z-index: 1000;
	}

	.popup-full
	{
		display:none;
	}

	.popup-mobile
	{
		display:block;
	}

}



@media only screen and (min-width: 64.063em)
{
	.takeout-link
	{
		position:absolute;
		line-height:24px;
		top:0px;
		right:111px;
		margin:0 0px 0 00px;
		background:#ffffff;
		height:26px;
		border-radius:0 0 6px 6px;
		display:inline-block;
		z-index:999999;
	}

	.takeout-link a,
	.takeout-link a:hover
	{
		padding:2px 8px 0px;
		line-height:24px;
		font-family: "Josefin Slab", Helvetica, sans-serif;
		font-weight: 600;
		color: #111111;
		font-size:16px;
		text-shadow:none;
	}

	.top-bar-section li:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:not(.button)
	{
	    line-height: 1.5rem;
	    top: 57%;
    	transform: translateY(-57%);
    }

	.top-bar-section ul li.menu-takeout
	{
		display:none !important;
	}
}


@media screen and (max-width: 680px)
{
	.proudof
	{
		margin:10px auto 15px;
	}

}

.proudof img
{
		max-width:100px;
		margin:0px 2%;
}

.on-pier {
    padding: 90px 0 40px;
}

.on-pier .call-us-small {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.map img
{
		width:100%;
		height:auto;
		margin:0px 0;
}
.map img.mobile
{
	display:none;
}
.map img.wide
{
	display:block;
}

.googlelinks,
.googlelinks p,
.googlelinks a
{
    font-family: "Tondu-Beta", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.275rem;
    font-weight: normal;
    text-transform: uppercase;
    color:#137CAA;

}

@media screen and (max-width: 600px)
{
	.map img.mobile
	{
		display:block;
	}
	.map img.wide
	{
		display:none;
	}

	.hero-button,
	.hero-button:active,
	.hero-button:visited
	{
		font-size:18px;
		padding:6px 11px;
	}

	.proudof img
	{
			max-width:70px;
			margin:0px 8px;
	}

}

@media screen and (max-width: 480px)
{
	.proudof img
	{
			max-width:55px;
			margin:0px 5px;
	}

}

footer .footer-menu ul li
{
    text-align: center;
    float: none;
    padding: 0;
    display: inline;
}

footer .footer-menu ul li a
{
    display: inline-block;
    padding-right: 10px;
}

footer .footer-menu ul li,
footer .footer-menu ul li a,
footer .legal,
footer .legal a
{
    color: #231f20;
    font-size: 24px;
    font-family: "Josefin Slab", Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight:600;
}


#yelp .widget.left
{
	float:none !important;
}

tabs dd.active a, .tabs .tab-title.active a,
.tabs dd > a:hover, .tabs .tab-title > a:hover,
.tabs dd > a, .tabs .tab-title > a,
.reservations
{
	background:#ffffff !important;
}

h1.entry-title,
.h1,
.section-headline,
.tabs dd > a, .tabs .tab-title > a,
.back-to-top
{
    color: #137CAA;
}

.res-form
{
	padding:11px 24px;
}

.res-privacy-info
{
	margin:11px 0;
}

#groups .res-privacy-info p
{
	font-size:20px;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings
{
    background: #ffffff !important;
    color: #137CAA !important;
    border: #137CAA !important;
    font-size:1.2rem !important;
    padding:9px !important;
}

/* override for accessibility */
.top-bar-section ul li > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a,
.tabs dd.active a,
.tabs .tab-title.active a
{
    color: #231f20;
    color:#4A4A4A;
}