@charset "UTF-8";
/* ========================= */
/* CSS Document September 29, 2025 */
/* ========================= */
/* ========================= */

@import url('https://fonts.googleapis.com/css?family=Alegreya:400,700|Libre+Franklin:200,400,500,600,800');

html {  height: 100%;  box-sizing: border-box; background: #000; }
body { position: relative; margin: 0; font-family: 'Alegreya', sans-serif; font-size: 16px; font-weight: 300; color: #adafb2; padding: 0; background-color: #000; }

*, *:before, *:after {  box-sizing: inherit; }

#page { position: relative; width: 100%; margin: 0 auto; padding-bottom: 10px; }
#container { position: relative;  margin: 0 auto;}
#container::after { content:''; display: block; clear: both; margin-bottom: 50px;}
#totop { min-height: 20px; position: fixed; bottom: 75px; right: 15px; z-index: 5;}
#background-video { width: 100vm; height: 100vh; object-fit: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

/* Header */
header { height: 65px !important; margin-bottom: 0; background: #000;}
header a.logo { position: fixed; top: 0px; width: 100%; height: 65px; font-size: 1.7em; text-align: center; text-decoration: none; z-index: 1; background: url(../img/_global/logo_limeys.png) no-repeat 50px 15px; background-size: 35px; background-color: #000; }
header a.logo img { left: 50px;}
header a.logo span { padding-top: 20px; display: block; text-transform: uppercase; font-family: 'Alegreya', sans-serif; font-weight: 800; color: #fff; line-height: 1.4rem;
background: -webkit-linear-gradient(#fff, #757575);	-webkit-background-clip: text;	-webkit-text-fill-color: transparent;	}

/* NAVIGATION for TINY SCREENS */
nav { position: fixed; top: 0px; left: 0px; right: 0px; z-index:2; width: 100%; height: 65px; margin: 0 auto; padding-top: 30px; font-size: 1.8em; font-weight: 700; text-transform: uppercase; border-bottom: solid 2px rgba(255,255,255,0.5); }
nav ul { padding: 0; width: 100%; line-height: 1.3rem; }
nav ul li { display: none; margin: 0; border-radius: 0; padding: 0; width: 100%; text-align: center; background: rgba(49,47,35,0.9); border-bottom: 2px solid rgba(0,0,0,0.7); }
nav ul li:hover { background: #8e7e49; color: #fff; }
nav ul li a, nav ul li.current a { position: relative; color: #fff; display: inline-block; width: 100%; padding: 20px 15px; text-decoration: none; background: -webkit-linear-gradient(#fff, #757575); -webkit-background-clip: text;	-webkit-text-fill-color: transparent; }
nav ul li.current a { color: rgba(255,255,255,1); border: none; text-shadow: 0 0 3px #fff;}
nav ul li.current {  background: rgba(82,71,30,0.9); }
nav ul li span {display: block;}
nav label:before { height: 2px; width:20px; margin-bottom: 10px; background:#fff; display:inline-block; content:""; box-shadow:0px -5px 0px 0px #fff, 0px -10px 0px 0px #fff; margin-right:10px; transition: all .5s; position: relative; opacity: 1; }
nav label { display: block; padding: 0 0 7px 15px; color: #002a3a; cursor: pointer; margin-bottom: 0.5rem; }
nav input[type="checkbox"]{ visibility: hidden; position: absolute; }

#collapse:checked ~ li{ margin-top:0; display: block; }
#collapse:checked + label:before{ position: relative; opacity:1; } /* change hamburger menu when menu is active */

/* Main Banner - Layers */
/* #banner { min-height: 250px; position: relative;
  background-image: url("../img/banners/bnr_st-patricks-2025-title.png"), url("../img/banners/bnr_st-patricks-2025.jpg"); 
  background-repeat: no-repeat, no-repeat;
  background-position: center, center; 
  background-size: 350px, cover;
 } */

 /* Main Banner - Single Image */
#banner { 
  height: 560px; /* 190px for 365 banner */
  position: relative;
  /* background-image: url("../img/banners/banner_limeys-365_2025.jpg");  */
  background-image: url("../img/banners/banner_fright-at-movies_m.jpg"); 
  background-repeat: no-repeat;
  background-position: top; 
  background-size: 420px; /*1190px for 365*/
 }
/* #banner h1 { text-transform: uppercase; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 3.8em; font-weight: 800; margin: 35px 0 0; line-height: 1em; color: rgba(255,255,255,0.8); } */

/* INTRODUCTION and Welcome Message */
#intro { position: relative; margin: 20px 0 50px; }
#intro div.content { padding-top: 80px; }
#intro div.hero img { width: 100%; }
#intro div.photo { display:none; }
.content-center { margin: 0 auto; text-align: center; padding: 0px 3%;}

/* Text */
h1, h2, h3 { text-transform: uppercase; text-align: center; }
h1 { font-size: 1.5rem; font-weight: 200; line-height: 2.2rem; margin: 0.9rem 0; font-family: 'Libre Franklin', sans-serif; }
h2 { font-size: 1.5rem; font-weight: 500; line-height: 1.9rem; margin: 1.8rem 0 0rem; font-family: 'Libre Franklin', sans-serif; color: #c4403e; }
h3 { font-size: 1.3rem; font-weight: 700; line-height: 1.4rem; margin: 0.6rem 0; letter-spacing: 0.06em; text-transform: uppercase; }
h4 { font-size: 1.1rem; font-weight: 800; line-height: 1.2rem; margin: 0.4rem 0; font-family: 'Libre Franklin', sans-serif; color: #c4403e; }
h5, h5.price { font-size: 1.1rem; font-weight: 600; line-height: 1.3rem; margin: 0 0 0.2rem; font-family: 'Libre Franklin', sans-serif; }
h5 { color: #ba9e41; font-size: 1rem; }
h5.price { color: #ffffff; }
h5.price::before { content: '$'; font-size: .6em; vertical-align: super; }
h2::before { content: '';}
h2.new::before { content: url('../img/_global/new-menu-item.png'); display: inline-block; }
h2.spicy::after { content: url('../img/_global/spicy-menu-item.png'); display: inline-block; }
b { font-weight: 800; }
.drink-subtitle { font-size: 1.1rem; font-weight: 800; line-height: 1.2rem; margin: 0.0rem 0;font-family: 'Libre Franklin', sans-serif; color: #fff; margin-top: 0.9rem; }
.drink-cite { text-align: right; font-family: 'Libre Franklin', Arial, sans-serif; font-weight: 600; }

p + p { margin-botom: 1.0rem; }
p { font-size: 1.1rem; font-weight: 300; line-height: 1.6rem; margin: 0.2rem 0 0.4rem; font-family: 'libre franklin',arial,sans-serif; }
p.event-time { font-size: 0.9em; line-height: 1.0em; font-family: 'Libre Franklin', sans-serif; color: #c4403e; text-transform: uppercase; }
p.introduction { color: #ba9e41; padding-top: 15px; }
#container li { margin: 0 0 0.3em 0; line-height: 1.4em; font-weight: 200; } /* protects li elements in the nav */
.text-invert { color: white !important; }
/*Banners Text*/
.box-headline { position: relative; border: 1px solid #ec5734; padding: 8px 20px 15px; display: inline-block; border-bottom: none; margin-bottom: 15px; margin-top: 30px; }
.box-headline h1 { padding: 0 25px; }
.box-headline h1.pict { margin-bottom: 26px; }
.box-subhead { background: url("../img/_global/box-headline_horiz-stripe.png") repeat-x 10px; position: absolute; width: 100%; right: 0; top: 75px; }
.box-subhead h3 { margin: 0; }
.box-subhead span, .box-pict span img { background: url("../img/_global/box-headline_horiz-black.png") repeat-x 10px; padding: 0 7px; }

/* Food Icon Bar */
#food-icon-bar { margin-bottom: -30px; display: block; }
#food-icon-bar img { width: 100%; }
#food-icon-bar article.segment { min-height: 100px; } 
#food-icon-bar .content-center { padding: 0 5px; width: 14%; }
#food-icon-bar li { display: inline-block; list-style: none; }
#food-icon-bar li a { text-decoration: none; font-family:'libre franklin',sans-serif; font-size: 0.7rem; font-weight: 500; }
#food-icon-bar ul { padding: 0; text-align: center;}

/* Food icons in general */
.box-pict { background: url("../img/_global/box-headline_horiz-stripe.png") repeat-x 10px; position: absolute; width: 100%; right: 0; top: 60px; }
.box-pict span img { width: 49px; }
#food .box-pict { top: 39px; }
#food .box-pict span img { width: 75px; padding: 12px 0; }
/*.specials { margin-top: 45px; }*/
.aside { margin-left: 40px; }
.content-group { margin-bottom: 0px;}
.food-group { border: 1px solid #c4403e; margin-top: 20px; padding: 10px 20px 40px;}
.map { background: url("../img/about/limeys-map.png") no-repeat 0 0 ; background-size: contain; height: 550px;}

/* Merch Column for Homepage */
img.merch-header { width: 100%; padding: 0 0 0.2rem 0; }
img.merch-product { width: 100%; margin-top: 1.5rem; }
.merch-area h1 { font-weight: 600; font-size: 1.5rem; line-height: 2.1rem; padding-top: 0; margin-top: 0; margin-bottom: 1.3rem; }
.merch-area h2 { margin-top: 1rem; }
/*Form Styling*/
input, select, textarea { font-size: 1em; border-radius: 4px; border: 0; padding: 4px 6px; font-weight: 200; color: #585858;  }
input, textarea { box-shadow: 2px 2px 1px -1px rgba(0,0,0,0.35) inset; background: #e4e4e4; }
input[type="text"] { width: 60%; }
textarea { height: 240px; width: 100%; }
select { border: 1px solid #ccc;}
input[type="submit"] { display: block;}

a { color: #e3edf5; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }
a.arrow-link::after { content: ' \25b6'; font-size: 0.8em;}
a.button, input.button, a.button-outlined { background-color: #009ed7; padding: 8px 18px; border-radius: 4px; box-shadow: none; text-decoration: none; color: #fff; font-weight: 400; margin: 0.7rem 0 0.9rem 0; display: inline-block; font-family: 'Montserrat', Arial, sans-serif; }
a.button:hover { background-color: #007ba8; transition: background-color 0.5s; }
a.button-outlined { background-color: #0f1316; border: 1px solid #0caec7; }
a.button-outlined:hover { background-color: #0caec7; }
a.button.secondary { background-color: rgba(120,159,210,0.5); border-radius: 4px; border: 2px solid #789fd2;  }
a.button + a.button, a.button + a.button-outlined { margin-left: 15px;}

/*Buttons with Icons*/
a[class*="link-"] { background-repeat: no-repeat; background-position: 0 0; padding-left: 35px; margin: 8px 0; background-size: contain; display: block; }
a[class*="link-"]:visited { color: #fff;}
a[class*="link-"]:hover { text-decoration: underline;}
a.link-map { background-image: url(../img/_global/icon_location.svg); }
a.link-call { background-image: url(../img/_global/icon_contact.svg); }
a.link-doc, a.link-ppt, a.link-pdf { background-size: 26px; color: #002a3a; padding-bottom: 10px; }
a[class*="link-"] h3 { font-size: 1em; line-height: 1em; }
a[class*="link-"] h5 { font-size: 0.8em; line-height: 0.5em; margin: 0; }


/*div.specials-img img { width: 100%; margin-top: 30px; }*/
div.box-lunch-img { background: url(../img/home/brown-bag.png) no-repeat top center; background-size: contain; height: 200px; margin-top: 30px; }
#events img { width: 90%; padding: 35px 10px 0;}
#fun-stuff img { width: 90%; max-height: 120px;}
/* ======================*/


/*Section General*/
section { margin-bottom: 25px; }
section::after { content: ''; display: block; clear: both; }
section article.segment { width: 90%; margin: 20px auto; min-height: 200px; max-width: 1120px;}
section.stacked { margin: 0; }
section.stacked article.segment { margin-bottom: 0; }
section.stacked article.segment div.row { margin-top: 0; margin-bottom: 0;}
.round-box { padding: 25px; border-radius: 28px; }
/* ======================*/


/* Footer Section for TINY SCREENS */
footer { height: 85px; background: rgba(50,48,41,0.9); position: relative; bottom: -30px; width: 100%; font-family: 'Libre Franklin', Arial, sans-serif; font-weight: 200; height: auto; padding: 0.5rem 0; }
footer ul { text-align: center; padding-left: 0; }
footer div.footer-follow { display: none;}
footer div.footer-follow a { padding: 10px; }
footer div.footer-list { display: none;}
footer div.footer-list.schedule { display: block; padding-bottom: 5rem; }
footer .schedule ul { list-style: none; }
footer .hdg { font-size: 1.3rem; color: rgba(255,255,255,0.7);}
footer div.footer-follow img { width: 30px; vertical-align: middle;  }
footer div.footer-follow p {display: inline;}
footer div.mobile-footer { margin: 10px auto 0; width: 100%; display: block; position: fixed; bottom: 0; background: rgba(0,0,0,0.85); padding: 1rem 0;
  border-top: 2px solid #373737; }
footer div.mobile-footer::after { content: ''; display: block; clear: both;}
footer div.mobile-footer img { width: 30px; height: 30px; }
footer div.mobile-footer div { width: 20%; float: left; margin: 0 auto; text-align: center;}

/* ==================================================================*/
/* ========== LAPTOP SCREEN SIZE ADJUSTMENTS ========== */
/* ==================================================================*/
@media only screen and (min-width: 769px) {
	/* #banner { min-height: 280px; 
    background-image: url("../img/banners/bnr_st-patricks-2025-title.png"), url("../img/banners/bnr_st-patricks-2025.jpg"); 
    background-repeat: no-repeat, no-repeat;
    background-position: center center; 
    background-size: 460px, cover;
    } */
  /* Main Banner - Single Image */
  #banner { 
    min-height: 280px;
    height: 280px;
    position: relative;
    /* background-image: url("../img/banners/banner_limeys-365_2025.jpg");  */
    background-image: url("../img/banners/banner_fright-at-movies.jpg"); 
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    }
	body { background: url(../img/_global/background.jpg) no-repeat top center, url(../img/_global/background-repeat.jpg) repeat-y top center;	background-size: 1480px; background-position: top, top;	}
	header { position: absolute; top: 0px; height: 150px; background: #fff; margin-bottom: 0; }
  header a.logo { position: absolute; z-index: 3; width: 125px; height: 230px; top: 86px; left: 105px; padding-left: 58px; background: url(../img/_global/logo_limeys.png) no-repeat 0 0; background-size: contain;}
	header a.logo span { display: none; }
	#food-icon-bar { display: none; }
  .content-center { padding: 30px 3%;}

	#container { padding: 168px 0 0; }

	/* NAVIGATION for screens larger than tablet */
	nav { position: absolute; top: 128px; width: 100%; font-family: 'Alegreya',serif; font-size: 1.5em; background: url(../img/_global/menu_bar.png) no-repeat center 0; background-size: 1480px 43px; background-position: 50% 50%; height: 43px; border-bottom: none; }
	nav ul { list-style: none; margin-top: 0px; width: 550px; margin: 0 auto; top: 0px; position: absolute; left: 300px; right: 300px; }
	nav ul::after {content:''; display: block; clear: both; }

	nav ul li, nav ul li.current { display: list-item; float: left; padding: 7px 20px; margin-top: 4px; border-bottom: none; width: auto; text-align: left; background: rgba(0,0,0,0); }
	nav ul li:hover { background: rgba(255,255,255,0.2); transition: background-color 0.3s; }
	nav ul li a, nav ul li.current a { display: inline; padding: 0;	}
	nav ul li a:visited, nav ul li a:hover { color: inherit; }
	nav input[type="checkbox"]{ visibility: hidden; position: absolute; }
	nav ul li.current a { color: inherit; padding-top: 1px;}
	nav ul li span {display: none;}
	nav label { display: none; }

  h2 { font-size: 1.6rem; line-height: 2rem; margin-top: 1.9rem; }
  h5 { font-size: 1.3rem; margin: 0.4rem 0; line-height: 1.5rem;  }
  p { font-size: 1.3rem; line-height: 1.7rem; margin: 0.5rem 0 0; }
  .box-headline { margin-top: 70px; margin-bottom: 30px; }

	#intro { margin: 0; }

	/* FOOTER Secondary for screens larger than Tablet */
	footer { position: absolute; bottom: -497px; height: auto; background: rgba(27,25,17,0.9); color: #a3acb0; right: 0; left: 0; padding-bottom: 20px; border-bottom: 3px solid #8e7e49; }
	footer div.mobile-footer { display: none; }
	footer div.footer-follow { display: block; margin: 0 auto 25px; text-align: center; padding: 10px; padding-left: 50px; background: rgba(50,48,41,0.9);}
	footer div.footer-list { display: block; width: 33%; float: left; text-align: left; padding-left: 50px;}
	footer div.footer-list:first-of-type { margin-left: 60px; }
	footer ul { float: none; text-align: left; }
	footer li { list-style: none; font-weight: 200; line-height: 1.6em;}
	footer li a { text-decoration: none; font-weight: 400 !important; color: inherit;}
}

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

/*Full Banner Sections*/
section.bnr-full { min-height: 400px; }
section.bnr-full div.content { width: 100%; float: left; margin: 40px 50px 0 0; text-align: center; }
section.bnr-full div.photo { background-repeat: no-repeat; background-position: bottom center; min-height: 340px; width: 100%; float: left; }	
/* ======================*/
  
aside.right, aside.left { width: 100%; position: relative; right: auto; left: auto; }
aside div.topper { width: 100%; padding: 10px 10px 25px; }
#benefits div.img-fixed { min-height: 210px; padding-top: 70px;}
#benefits img { padding: 0 15% 30px; }
#proven div.fill-light { margin-bottom: 25px; }
/* ======================*/
	
/* Footer info goes here */


section.banner div.segment { width: 100%; margin: 0 !important;}
section article.segment div.content { width: 100%; float: left; }
div.photo.circ { width: 50%; margin: 0 auto;}
	

	
} /* end media query for 600px and below */

@keyframes slideIn {
		0% { transform: translateX(-800px);	}
		100% { transform: translateX(0px); }
	}
@keyframes fadeIn {
	0% { opacity: 0;  }
	100% { opacity: 1; }
}