/*
Extra styles
*/

body
{
	color:#604d2c;
}

.menu-home a {
    background: url(/images/logo-biscoff.png) no-repeat 0 0 !important;
}

.main
{
	font-size:1.2rem;
	padding-top:140px;
	min-height:300px;
}

.home .main
{
	padding-top:0px;
}

footer
{
	font-size:1.2rem;
}

.home-slider
{
	display:block;
}

.mobile-hero
{
	display:none;
}

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

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link ,
.rmp-menu,
.rmp-menu li,
.rmp-menu li a,
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {

    font-family: "coconlight", sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    text-transform: uppercase;
	color:#ffffff;
}

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

/* Responsive Menu: make the entire menu row clickable */
.rmp-menu li a
{
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

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

.rmenu-logo
{
	width:200px;
}


p, td,
table tr td,
table tr th
{
	font-family: inherit;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

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

.menu {
    padding-top: 0px;
}

.proudof
{
	margin:-28px auto 36px;
}

.on-pier .section-headline {
    margin: 30px 0 10px;
    padding: 0px 0;
}

.on-pier .call-us, .on-pier .call-us-small
{
    font-size: 22px;
}

.our-restaurants .section-headline {
    margin: 30px 0 10px;
}
.restaurant-logos-row img
{
	padding:0 40px 40px;
	max-width:280px;
}

a.btn-biscoff {
    display: inline-block;
    padding: 9px 14px 7px;
    background-color: #c92435;
    color: #fff !important;
    font-family: "coconlight", sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    border: 0;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

a.btn-biscoff:hover,
a.btn-biscoff:focus {
    background-color: #a11d2a;
    color: #fff !important;
}

a.btn-biscoff:focus-visible {
    outline: 2px solid #c92435;
    outline-offset: 4px;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-family: "coconlight", sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
    text-transform: uppercase;
}

#responsive-menu-container #responsive-menu #responsive-menu-item-3629 a,
#responsive-menu-container #responsive-menu #responsive-menu-item-4417 a
{
      height: 64px;
	line-height:26px;
}

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

.rmenu-logo
{
	width:100px;
}


.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: "vinyl_otregular", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    color: #231f20;
    text-transform: uppercase;
}

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

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

@media screen and (max-width: 1020px)
{
	.hidemobile
	{
		display:none;
	}
}

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

	.map img.wide
	{
		display:none;
	}

	.hidemobile,
	.home-slider
	{
		display:none;
	}

	.mobile-hero
	{
		display:block;
	}

	.mobile-hero
	{
		height: 150vw;
		display: block;
		margin:100px 0 0px;

	}

	.mobile-hero .h1 {
	    font-family: "coconlight", sans-serif;
		color: #FFFFFF;
		font-size: 32px;
		line-height: 36px;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 2px 1px #00263e;
		padding: 100% 0 0;
		margin:0 auto 18px;
	}

	.mobile-hero p
	{
	    font-size: 26px;
		padding:0 0 4px;
		margin:0 auto 20px;
	}

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

}

.nobreak
{
	white-space:nowrap;
}

img.eagleright
{
	max-width:400px;
	margin:0 0 28px 28px;
}


img.eagleleft
{
	max-width:400px;
	margin:0 28px 28px 0;
}

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

@media screen and (max-width: 600px)
{
	.proudof img
	{
			max-width:70px;
			margin:0px 8px;
	}

}

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

}


/*--------------------------------------------------------------
# Simco Video - plyr - non youtube
--------------------------------------------------------------*/

.simco-video-wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.simco-video-wrap video {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 9;
    background: #000 !important;
}

.simco-video-wrap .plyr {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,.25);
}

.simco-video-wrap .plyr__video-wrapper {
    aspect-ratio: 16 / 9;
}

/* Center overlay button */
.simco-video-wrap .plyr__control--overlaid {
    width: 112px;
    height: 112px;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0,0,0,.55) !important;
    border: 2px solid rgba(255,255,255,.85) !important;
    backdrop-filter: blur(4px);
    transform: translate(-50%, -50%) !important;
}

.simco-video-wrap .plyr__control--overlaid:hover,
.simco-video-wrap .plyr__control--overlaid:focus {
    transform: translate(-50%, -50%) !important;
    background: rgba(0,0,0,.65) !important;
}

/* Fix visually off-center triangle */
.simco-video-wrap .plyr__control--overlaid svg {
    width: 48px;
    height: 48px;
    margin: 0 0 0 7px;
    position: static;
}

/* Keep Plyr controls white */
.simco-video-wrap .plyr {
    --plyr-color-main: #ffffff;
}

.simco-video-wrap .plyr button.plyr__control {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Small control buttons on hover/focus */
.simco-video-wrap .plyr button.plyr__control:hover,
.simco-video-wrap .plyr button.plyr__control:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Preserve the dark circular background on the large play button */
.simco-video-wrap .plyr button.plyr__control--overlaid {
    background-color: rgba(0, 0, 0, 0.55) !important;
    color: #ffffff !important;
}

.simco-video-wrap .plyr button.plyr__control--overlaid:hover,
.simco-video-wrap .plyr button.plyr__control--overlaid:focus {
    background-color: rgba(0, 0, 0, 0.65) !important;
    color: #ffffff !important;
}

/* Force all Plyr SVG icons to white */
.simco-video-wrap .plyr button.plyr__control svg {
    fill: currentColor !important;
}