@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Slab:wght@100..900&display=swap');

/* <weight>: Use a value from 300 to 800
// <uniquifier>: Use a unique and descriptive class name

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.roboto-slab-<uniquifier> {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*/

/* CSS RESET
===================================
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END OF CSS RESET
=================================== */


/* WP BLOCK STYLES MOVED FROM HTML TO CSS */

.wp-block-image>a, .wp-block-image>figure>a { display: inline-block; }
.wp-block-image img {
    box-sizing:border-box;
    height:auto;
    max-width:100%;
    vertical-align:bottom;
}


@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

html { font-size:62.5%; /* font-size 1em = 10px on default browser settings */ }
body, html { height:100%; }

body {
	color:#444;
	font-family:"Open Sans", sans-serif;
    font-weight:400;
	font-size:1.6rem;
	line-height:1.25em;
	letter-spacing:normal;
    padding:0;
    margin:0;
	hyphens:none;
    word-break:break-word;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.25em;
	padding:0.5em 0;
	margin:0;
	hyphens:none;
    word-break:break-word;
}

h1, h2 { font-family:"Roboto Slab", serif; }
h3, h4, h5, h6 { font-family:"Open Sans", sans-serif; }

h1 { font-size:3.5rem; }
h2 { font-size:3rem; }
h3 { font-size:2.4rem; }
h4 { font-size:2rem; }
h5 { font-size:1.8rem; }
h6 { font-size:1.6rem; }

p { font-size:1.6rem; line-height:1.5em; padding:0.5em 0; hyphens:none; word-break:break-word; }
a { transition:300ms; font-weight:700; text-decoration:underline; color:#286230; }
a:hover { color:#59595a; text-decoration:none; }

strong { font-weight:600; }
em { font-style:italic; }
small { font-size:80%; line-height:1.1em; }

blockquote.wp-block-quote { margin:2em; font-style:italic; }

ul, ol { padding:1em 0; list-style-type:disc; }
ul li { padding:0.5em 0 0.5em 2em; list-style-type:disc; list-style-position:inside; }
ol li { padding:0.5em 0 0.5em 2em; list-style-type:decimal; list-style-position:inside; }

.em { font-style:italic; }
.small { font-size:0.75em; line-height:1.1em; }
.txt-center { text-align:center; }
.red { color:#c00; }

.yellow-bg { background-color:#f3c828; padding:1em; font-size:1.8rem; }

.wp-block-separator { border:none; margin:2em 0; }

.phone { text-decoration:none!important; }

.flex { display:flex; }

::target-text { background-color:yellow; color:#111; }

*:focus-visible { outline: 3px solid #215b25; outline-offset: 2px; }

.btn a:focus-visible,
.main-menu a:focus-visible { outline: 3px solid #f3c828; outline-offset: 2px; }

.skip-link:focus {
	outline: 3px solid #215b25;
	outline-offset: 2px;
	background: #fff;
	color: #215b25;
}


/*

=======================
BUTTON STYLES
=======================

*/

.btn a {
	border-radius:0.5em;
	padding:1em 2em;
	text-decoration:none;
	display:inline-block;
	transition:300ms;
    text-align:center;
}

.btn a:hover { }

.btn.center { margin:0 auto; }

.green a { background-color:rgba(33,91,37,1.0); outline:1px solid #215b25; color:#fff; }
.green a:hover { background-color:transparent; outline:1px solid #215b25; color:#215b25; }


.black a { background-color:rgba(0,0,0,1.0); outline:1px solid #000; color:#fff; }
.black a:hover { background-color:transparent; outline:1px solid #000; color:#333; }




/*

=======================
HOME PAGE
=======================

*/
.search-status-hp {
    background-color:rgba(245, 210, 53, 0.6);
    padding:0 0 1em;
    text-align:center;
    border-radius:5px;
    width:80%;
    margin:1em auto;
}

.search-status-hp p:first-child { font-size:3rem; font-weight:700; }

.hp { flex-direction:row; justify-content:center; flex-wrap:nowrap; gap:4em; margin:2em 0; background-color:rgba(0,0,0,0.1); padding:2em; }
.hp div { flex:1 1 45%; text-align:center; }

.hp-content { flex-direction:row; justify-content:center; flex-wrap:nowrap; gap:4em; margin:2em 0; }
.hp-content div { flex:1 1 45%; }

.image-carousel { width:100%; background-color:#222; }
.image-carousel .slick-slide div { width:70%; margin:0 auto; padding:1vw; }

.image-carousel p:first-of-type { font-size:6.4rem; line-height:6.5rem; font-family: "Roboto Slab", serif; font-weight:700; }
.image-carousel p { color:#fff; font-family: "Open Sans", sans-serif; font-size:2.8rem; line-height:1.5em; margin:0.8em 0; padding:0; }
.image-carousel .btn a { font-size:1.8rem; }
.image-carousel .green a:hover { background-color:transparent; outline:1px solid #fff; color:#fff; }


/*

=======================
HEADER
=======================

*/
#header { background-color:#e3e6dd; border-bottom:15px solid #215b25; position:relative; z-index:200; }
#header .inner { max-width:1320px; width:100%; margin:0 auto; }
#header .flex { flex-direction:row; justify-content:space-between; align-items:center; }

#branding { order:1; flex-basis:15%; }
#branding #site-title a { 
	background-image:url(/wp-content/uploads/2020/04/cropped-nj-one-call-logo-1.png);
	background-repeat:no-repeat;
	width:240px;
	height:0;
	padding:165px 0 0;
	overflow: hidden;
	font-size:1%;
	display:inline-block;
}

#site-description { display:none; }



/*

=======================
NAVIGATION
=======================

*/

#menu { order:2; flex-basis:70%; text-align:center; }
#menu .main-menu, #menu .main-menu li { list-style-type:none; }
#menu .main-menu { }
#menu .main-menu li { padding:0; margin:0; display:inline; position:relative; }
#menu .main-menu li a { 
	padding:1em;
	text-decoration:none;
	color:#59595a;
}

#menu .main-menu .current-menu-item > a,
#menu .main-menu .current-menu-ancestor > a { color: #1d4f1f; /* dark green ~9:1 */ text-decoration: underline; }
#menu .main-menu a:hover { color: #1d4f1f !important; text-decoration: underline; }


#menu .main-menu li.menu-item-has-children .sub-menu li a,
#menu .main-menu li.current-menu-parent .sub-menu li a { color:#59595a; }
#menu .main-menu li.current-menu-parent .sub-menu li.current-menu-item a { color:#40ae49; }


#menu .main-menu li:hover .sub-menu { display:block; }
.sub-menu {
	display:none;
	background-color:rgba(255,255,255,1.0);
	border-bottom:1px solid #d1d1d1;
	padding:0;
	position:absolute;
	left:0;
	right:0;
	text-align:left;
	width:320px;
}

#menu .main-menu .sub-menu li { display:block; border:1px solid #d1d1d1; }
#menu .main-menu .sub-menu li a { width:100%; display:block; }


.mobile-menu { display:none; }

 
/* Mobile Nav */
.hamburger-container,
.menu-mobile-menu-container,
#nav-toggle { display:none; }

.mobile-menu .current-menu-item > a,
.mobile-menu .current-menu-ancestor > a { color: #1d4f1f; /* dark green ~9:1 */ text-decoration: underline; }
.mobile-menu a:hover { color: #1d4f1f !important; text-decoration: underline; }

.mobile-menu li.menu-item-has-children .sub-menu li a,
.mobile-menu li.current-menu-parent .sub-menu li a { color:#59595a; }
.mobile-menu li.current-menu-parent .sub-menu li.current-menu-item a { color:#40ae49; }

.hamburger-container { order:4; width:20%; }

#mobile-nav-expand { background-color:transparent; border:none; font-size:1.6rem; text-transform:uppercase; font-weight:600; color:#111; margin:1em auto; }


/*
.hamburger-container label { cursor:pointer; display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; gap:1em; padding:1em; }
.hamburger-container label .menu-txt { font-size:1.6rem; font-weight:600; color:#111; display:block; text-transform:uppercase; }

.hamburger-container label .navigation_icon { position:relative; margin:0; }

.hamburger-container label .navigation_icon,
.hamburger-container label .navigation_icon::before,
.hamburger-container label .navigation_icon::after {
    display:block;
    width:3rem;
    height:3px;
    background-color:#111;
}

.hamburger-container label .navigation_icon::before,
.hamburger-container label .navigation_icon::after {
    content:'';
    position:absolute;
    left:0;
    transition:all 200ms;
}

.hamburger-container label .navigation_icon::before { top:-1rem; }
.hamburger-container label .navigation_icon::after { top:1rem; }


.navigation_checkbox:checked+#navigation_button .navigation_icon { background-color:transparent; }
.navigation_checkbox:checked+#navigation_button .navigation_icon::before { top:0; transform:rotate(135deg); }
.navigation_checkbox:checked+#navigation_button .navigation_icon::after { top:0; transform:rotate(-135deg); }
*/


.menu-mobile-menu-container.active { width:100%; padding:0; z-index:200; display:block; background-color:#e3e6dd; order:4; }

.menu-mobile-menu-container button { background-color:transparent; border:none; color:#59595a; font-size:2rem; }


.menu-mobile-menu-container.active .mobile-menu { display:block; padding:1em 0; }
.menu-mobile-menu-container ul { list-style-type:none; padding:0; margin:0; }
.menu-mobile-menu-container ul li { list-style-type:none; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; padding:1em 2em; }
.menu-mobile-menu-container ul li a { font-size:2rem; color:#59595a; text-decoration:none; }
.menu-mobile-menu-container ul li a:hover { text-decoration:none; }

.menu-mobile-menu-container .sub-menu { position:relative; top:0; width:100%; padding:0; }
.menu-mobile-menu-container .sub-menu li { padding:0; }
.menu-mobile-menu-container .sub-menu li a { font-size:1.6rem; padding:1em; width:100%; text-decoration:none; color:#111; }
.menu-mobile-menu-container .sub-menu li a:hover { text-decoration:none; }

/*

=======================
CONTENT
=======================

*/
main { position:relative; z-index:100; }

.ft-img { height:200px; width:100%; position:relative; }
.ft-img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

main#content article { max-width:1320px; width:100%; margin:0 auto;  }
main#content article.secondary-page { padding:4em 0; background-color: rgba(255,255,255,1.0); }

.secondary { flex-direction:row; flex-wrap:nowrap; gap:10em; justify-content:space-between; }
.secondary div { flex:1 1 45%; }


.ex-breakfasts { flex-direction: row; flex-wrap:wrap; gap:4em; }
.ex-breakfasts div { flex:1 1 35%; }

.buttons { flex-direction:row; flex-wrap:wrap; gap:2em; }



.pdf a { 
	background-image:url(/wp-content/uploads/2026/02/pdf-icov2.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:1em 1em 1em 4em;
}


/*

=======================
FOOTER
=======================

*/

.footer .nav-links a,
footer .post-navigation a { color: #fff; text-decoration: underline; }


footer { background-color:#2c2c2c; color:#fff; text-align:center; margin:2em 0 0; padding:0 0 2em; }

.extra-info { background-color:#bdc3ae; text-align:center; padding:1em 0; margin:0; }
.extra-info h2, .extra-info h4, .extra-info h4 { color:#111; }
.extra-info .flex { justify-content:center; flex-direction:row; gap:2em; width:50%; margin:0 auto; }
.extra-info .flex div { flex-basis:35%; }
.extra-info .flex div p { color:#111; }
.extra-info .flex div a { color:#111; text-decoration:underline; }
.extra-info .flex div a:hover { color:#fff; }

#copyright { color:#fff; }

.sm-nav ul, .sm-nav ul li { list-style-type:none; }
.sm-nav ul li { padding:0; margin:0; }

.social-links-menu { display:flex; flex-direction:row; gap:4em; justify-content:center; margin:0 0 2em; }
.social-links-menu li a { background-repeat:no-repeat; background-position:50% 50%; width:34px; height:0; padding:34px 0 0; overflow:hidden; font-size:1%; display:inline-block; color:#fff; }

.social-links-menu li.fb a { background-image:url(/wp-content/uploads/2026/02/fb-icov2.png); }
.social-links-menu li.x a { background-image:url(/wp-content/uploads/2026/02/x-icov3.png); }
.social-links-menu li.email a { background-image:url(/wp-content/uploads/2026/02/email-icov2.png); }



/*

=====================
SLICK STYLES
=====================

*/

/* Home Page Carousel */
.image-carousel { width:100%; margin:0 auto; }

.image-carousel .slick-list {
    width:100%;
    margin:0 auto;
    text-align:center;
}

.image-carousel img { width:100%; height:auto; }

.image-carousel button.slide-arrow {
    box-shadow:none;
    background-image:none;
    background-color:transparent;
    border:solid #666666;
    border-radius:0;
    border-width:0 6px 6px 0;
    color:#fff;
    display:inline-block;
    padding:1em;
    margin:0;
    font-size:1rem;
    font-weight:400;
    width:auto;
    z-index:999;
}

.image-carousel button.slide-arrow.prev-arrow {
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    position:absolute;
    left:2em;
    top:45%;
    cursor:pointer;
}

.image-carousel button.slide-arrow.next-arrow {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    position:absolute;
    right:2em;
    top:45%;
    cursor:pointer;
}