/*
Theme Name: East Street Lanes
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/


/*
font-family: bebas-neue-by-fontfabric, sans-serif;
font-family: aktiv-grotesk-extended, sans-serif;


new colours:

orange:#EC6223;
green:#2A5943;
yellow:#FFDE21;
blue:#189BBE;


*/


 


/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: 'ff-nexus-typewriter', sans-serif; }
body:not(.homepage) { padding-top:70px; }

.parallaximg { height:590px !important;background:#000 !important; }

.crossbar { top: 0;padding:11px 15px 15px;text-align:center;position:fixed;z-index:999;display:block;width:100%;height:40px;background:#1aaca8;background:#e21065;color:#feeb34;text-decoration: none;color:#fff;font-family: bebas-neue, sans-serif;text-transform: uppercase;font-weight:bold;letter-spacing:1px; }
.crossbar:hover { color:#feeb34; }
#book-button { top:40px;padding:22px 30px 22px; }
#logo.visible, #logo.perma { top:40px; }
.nav-desktop-background { top:40px; }
nav { top:60px; }
#logo { top:55px; }




@media(max-width: 768px){
/*  .banner { margin-top:110px; }*/
.nav-desktop-background { opacity:1; }
#logo { top:40px; }
nav { top:40px; }
}


.m-grid { margin:0; }
.m-container-1000 { max-width:1000px;margin:0 auto; }
.m-container-600 { max-width:640px;margin:0 auto; }
.m-container-400 { max-width:440px;margin:0 auto; }

h1,h2,h3{ font-family: bebas-neue-by-fontfabric, sans-serif;margin-top:0px; }
h4,h5,h6 { font-family: 'ff-nexus-typewriter', sans-serif;margin-bottom:10px;margin-top:0px; }

h1      { font-size:3.5rem; }
h2      { font-size:2.5rem;margin-bottom:10px; }
h3      { font-size:2rem;margin-bottom:10px; }
h4      { font-size:1.2rem; }
h5      { font-size:1.2rem;}
h5 + p  { margin-top:0px; }

h6 a { font-size:2rem; }

p { font-size:1rem;line-height:1.6rem;text-wrap:pretty; }
p.small { margin:0; }
 
a { color:#000; }
a:hover { color:#EC6223; }
 
img { display:block; }
p img { display:inline-block; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


.bg-red	   { background:#EC6223;background:#EC6223 url("/wp-content/themes/esl_arch/img/bg-textured2.jpg") repeat top;background-size:contain;background-blend-mode: multiply; }
.bg-yellow { background:#FFDE21;background:#FFDE21 url("/wp-content/themes/esl_arch/img/bg-textured2.jpg") repeat top;background-size:contain;background-blend-mode: multiply; }
.bg-cream  { background:url("/wp-content/themes/esl_arch/img/bg-textured2.jpg") repeat top left;background-size:contain; }
.bg-green  { background:#2A5943;background:#2A5943 url("/wp-content/themes/esl_arch/img/bg-textured2.jpg") repeat top;background-size:contain;background-blend-mode: multiply; }
.bg-blue   { background:#1aaca8 !important; }
.bg-pink   { background:#e21065 !important; }
.bg-black  { background:#000; }

.snowfall { position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events: none;z-index:998; }

.logo.small { width:200px;display:inline-block;vertical-align:middle;margin:0 10px; }
.logo.small img { width:100%; }
.white-logos { padding:15px 30px;display:inline-block;background:#fff; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bg-red    { background:#EC6223 !important; }
  .bg-yellow { background:#FFDE21 !important; }
  .bg-cream  { background:url("/wp-content/themes/esl_arch/img/bg-textured2.jpg") repeat center;background-size:contain; }
  .bg-green  { background:#2A5943 !important; }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .bg-red    { background:#EC6223 !important; }
  .bg-yellow { background:#FFDE21 !important; }
  .bg-cream  { background:url("/wp-content/themes/esl_arch/img/bg-textured2.jpg") repeat center;background-size:contain; }
  .bg-green  { background:#2A5943 !important; }
}


.text-red a, .text-red, .text-red *	    	 { color:#EC6223; }
.text-black a, .text-black, .text-black *        { color:#000000; }
.text-cream a, .text-cream, .text-cream *  	 { color:#ffffff; }
.text-yellow a, .text-yellow, .text-yellow * { color:#FFDE21; }
.text-green a, .text-green, .text-green * { color:#2A5943; }

.header-red, .header-red h1, .header-red h2, .header-red h3, .header-red h4, .header-red h5, .header-red h6 { color:#EC6223; }
.header-yellow, .header-yellow h1, .header-yellow h2, .header-yellow h3, .header-yellow h4, .header-yellow h5, .header-yellow h6 { color:#FFDE21; }
.header-cream, .header-cream h1, .header-cream h2, .header-cream h3, .header-cream h4, .header-cream h5, .header-cream h6 { color:#ffffff; }
.header-green, .header-green h1, .header-green h2, .header-green h3, .header-green h4, .header-green h5, .header-green h6 { color:#2A5943; }

.text-red a:not(.button):hover	 		 { color:#FFDE21; }
.bg-yellow.text-red a:not(.button):hover	 { color:#2A5943; }
.text-yellow a:not(.button):hover 		 { color:#EC6223; }
.text-cream a:not(.button):hover  		 { color:#FFDE21; }
.text-black a:not(.button):hover { color:#FFDE21; }

.text-red.text-outline { color:transparent;-webkit-text-stroke:#EC6223;-webkit-text-stroke-width:0.04rem;letter-spacing:0.04rem; }
.text-yellow.text-outline { color:transparent;-webkit-text-stroke:#FFDE21;-webkit-text-stroke-width:0.04rem;letter-spacing:0.04rem; }
.text-cream.text-outline { color:transparent;-webkit-text-stroke:#ffffff;-webkit-text-stroke-width:0.04rem;letter-spacing:0.04rem; }
.text-green.text-outline { color:transparent;-webkit-text-stroke:#2A5943;-webkit-text-stroke-width:0.04rem;letter-spacing:0.04rem; }

.button { display:inline-block;background:#EC6223;color:#fff;padding:10px 15px 10px;text-transform: uppercase;position:relative;text-decoration: none; }
.button:hover { background:#FFDE21;color:#000; }
.button span { border-bottom:2px solid #fff; }
.button:hover span { border-bottom:2px solid #fff; }
.button.large { font-size:1.2rem;padding:15px 25px; }

.bg-red .button { background:#fff;color:#EC6223; }
.bg-red .button:hover { background:#000;color:#fff; }

.parallax-window { min-height: 550px;background: transparent;position:relative; }

.fit-image-ie { width:100%;height:100%; }
.fit-image { object-fit: cover;width:100%;height:100%; }







@media all and (-ms-high-contrast:none)
{
	.fit-image { height:auto; }
	.fit-image-ie { width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden; }
	.fit-image-ie .fit-image { position:absolute;top:0;left:0;min-height:100%;min-width:100%;width:auto; }
}



/* ===== ICONS ===== */
.icon { width:75px;height:75px;display:inline-block;margin-bottom:20px;background:url("/wp-content/themes/esl_arch/img/icon-sprite-2.png") no-repeat left top;background-size:300px auto; }

.cream.icon.ball   	{ background-position:0px 0px; }
.yellow.icon.ball  	{ background-position:-75px 0px; }
.red.icon.ball     	{ background-position:-150px 0px; }
.blue.icon.ball      { background-position:-225px 0px; }

.cream.icon.calendar 	{ background-position:0px -75px; }
.yellow.icon.calendar { background-position:-75px -75px; }
.red.icon.calendar 	{ background-position:-150px -75px; }
.blue.icon.calendar  { background-position:-225px -75px; }

.cream.icon.pizza    	{ background-position:0px -150px; }
.yellow.icon.pizza    { background-position:-75px -150px; }
.red.icon.pizza    	{ background-position:-150px -150px; }
.blue.icon.pizza     { background-position:-225px -150px; }

.cream.icon.music    	{ background-position:0px -225px; }
.yellow.icon.music    { background-position:-75px -225px; }
.red.icon.music    	{ background-position:-150px -225px; }
.blue.icon.music     { background-position:-225px -225px; }

.cream.icon.cut      	{ background-position:0px -300px; }
.yellow.icon.cut      { background-position:-75px -300px; }
.red.icon.cut      	{ background-position:-150px -300px; }
.blue.icon.cut       { background-position:-225px -300px; }

.cream.icon.phone    	{ background-position:0px -375px; }
.yellow.icon.phone    { background-position:-75px -375px; }
.red.icon.phone    	{ background-position:-150px -375px; }
.blue.icon.phone     { background-position:-225px -375px; }

.icon.large { width:150px;height:150px;background:url("/wp-content/themes/esl_arch/img/icon-sprite-2.png") no-repeat left top;background-size:600px auto; }
.icon.ball.large    	{ background-position:-300px 0px; }
.icon.calendar.large    { background-position:-300px -150px; }
.icon.pizza.large    	{ background-position:-300px -300px; }
.icon.music.large    	{ background-position:-300px -450px; }
.icon.cut.large    		{ background-position:-300px -600px; }
.icon.phone.large    	{ background-position:-300px -750px; }
.icon.map.large    		{ background-position:-300px -900px; }
.icon.christmas.large       { background-position:-300px -1050px; }



.socials { padding:15px 15px 150px; }
.social { display:inline-block;width:30px;height:30px;margin:0 5px;background:url("/wp-content/themes/esl_arch/img/sm-sprite-2.png") no-repeat top left;background-size:120px auto; }
.social.twitter   { background-position:0px 0px; }
.social.facebook  { background-position:0px -30px; }
.social.instagram { background-position:0px -60px; }
.social.twitter:hover   { background-position:-30px 0px; }
.social.facebook:hover  { background-position:-30px -30px; }
.social.instagram:hover { background-position:-30px -60px; }


#footer .social.twitter   { background-position:-90px 0px; }
#footer .social.facebook  { background-position:-90px -30px; }
#footer .social.instagram { background-position:-90px -60px; }
#footer .social.twitter:hover   { background-position:-30px 0px; }
#footer .social.facebook:hover  { background-position:-30px -30px; }
#footer .social.instagram:hover { background-position:-30px -60px; }

.social-links a { display:inline-block;width:60px;height:60px;margin:0 5px;background:url("/wp-content/themes/esl_arch/img/sm-sprite.png") no-repeat top left;background-size:180px auto; }
.social-links .twitter   { background-position:-120px 0px; }
.social-links .facebook   { background-position:-120px -60px; }
.social-links .instagram   { background-position:-120px -120px; }
.social-links .twitter:hover    { background-position:0px 0px; }
.social-links .facebook:hover   { background-position:0px -60px; }
.social-links .instagram:hover  { background-position:0px -120px; } 

/* ===== NAV MENU ===== */
nav { position:fixed;top:0px;right:0;width:calc(100% - 100px);z-index:2;text-align:right;padding-right:30px;padding-top:6px; }
#navmenu { display:inline-block;width:auto; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:inline-block;width:auto;z-index:100;position:relative; }
#navmenu .menu li { display:inline-block;padding:18px 10px 22px; }
#navmenu .menu li a { text-decoration: none;color:#fff;font-family: bebas-neue-by-fontfabric, sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:0.05rem; }
#navmenu.perma .menu > li > a, #navmenu.visible .menu > li > a { color:#000000; }
#navmenu .menu li a:hover { color:#EC6223; }
#navmenu.perma .menu li a:hover, #navmenu.visible .menu li a:hover { color:#ffffff; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:flex;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:inline-block;position:relative; }
#navmenu .sub-menu { text-align:left;display:none;position:absolute;width:180px;top:100%;left:0;background:#000;list-style: none;padding:5px 10px 15px;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%;width:100%;padding:5px 10px !important; }
#navmenu .sub-menu li a { color:#fff; }
#navmenu .sub-menu li a:hover { color:#EC6223 !important; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }



#book-button { letter-spacing:0.05rem;padding:22px 30px;color:#EC6223;background:#fff;font-size:1.4rem;font-weight:700;font-family:bebas-neue-by-fontfabric, sans-serif;position:fixed;top:-1px;right:0;z-index:10; }
#book-button:hover { background:#EC6223;color:#fff;cursor: pointer;cursor:hand; }
#book-button.visible, #book-button.perma { background:#2A5943;color:#FFDE21; }
#book-button.visible:hover, #book-button.perma:hover { background:#FFDE21;color:#2A5943; }



.top-gradient { position:absolute;top:0;left:0;width:100%;height:160px;z-index:1;opacity:0.5;
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 88%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 88%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 88%); }
.top-gradient.perma { display:none; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#fff; }
.mobile-toggle.active .toggle-bar { background:#666; }

#logo { display:inline-block;width:170px;height:110px;background:url("/wp-content/themes/esl_arch/img/esl-logo.png") no-repeat center;background-size:contain;position:fixed;top:15px;left:15px;z-index:15; }
#caddy-logo { transition:all 0.3s ease-in-out;display:inline-block;width:270px;height:50px;background:url("/wp-content/uploads/2025/06/logo_level.png") no-repeat center;background-size:contain;position:fixed;top:35px;left:220px;z-index:15; }

#logo.perma { background:url("/wp-content/themes/esl_arch/img/esl-logo-red.png") no-repeat center;background-size:contain; }
#caddy-logo.perma,#caddy-logo.visible { left:130px;top:18px;width:200px;height:35px; }




.nav-holder { z-index:6; }
.nav-desktop-background { position:fixed;z-index:5;height:70px;width:100%;top:0;left:0;background:#EC6223;opacity:0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out; }

.nav-desktop-background.visible, .nav-desktop-background.perma { opacity:1; }
#logo {  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
#logo.visible, #logo.perma { width:80px;height:70px;top:0px;background:url("/wp-content/themes/esl_arch/img/esl-logo-black.png") no-repeat center;background-size:contain; }

/* ===== FOOTER ===== */ 
#map { height:600px; }
#footer { padding-top:60px;/*background:#EC6223;*/ }


#simple-instagram-wrap { position:relative;z-index:4; }
#simple-instagram-wrap .simple-instagram-list .simple-instagram-list-item { margin:0 !important; }
.simple-instagram-list-item { max-height:0px !important;padding-top:25% !important;position:relative; }
.simple-instagram-list-item > a { position:absolute;top:0;width:100%; }


/* ===== MODULES ===== */
.module { display:block; }

.slick-prev, .slick-next,
.slick-prev:hover, .slick-next:hover,
.slick-prev:active,.slick-next:active,
.slick-prev:focus, .slick-next:focus { z-index:1;width:29px;height:50px;background:url("/wp-content/themes/esl_arch/img/arrow-gallery.png") no-repeat;background-size:contain; }
.slick-next { right:15px; }
.slick-prev { left:15px;transform: scaleX(-1) translate(0, -50%); }
.slick-prev:hover, .slick-next:hover { opacity:0.75; }
.slick-next::before,
.slick-prev::before { content:""; }



video#bgvid { 
    /*min-width: 100%;*/
    width: 100%;
    /*height: auto;*/
    /*z-index: -100;*/
	/*display:block !important;*/
	/*object-fit:cover;*/
}


.module.intro { padding-top:100px; }
.module.kidsparties { margin-bottom:60px; }

.divider { border-top:2px solid #EC6223;border-bottom:2px solid #EC6223;display:block;width:100%;padding-top:15px; }


/* Menus */
.menu-grid { margin-top:60px; }
.menu-image { position:relative; }
.menu-link { display:inline-block;margin-bottom:30px; }
.menu-text { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.menu-text > span { position:relative;height:115px;text-transform: uppercase;font-size:140px;font-weight:900;font-family: bebas-neue-by-fontfabric, sans-serif;-webkit-text-stroke-width:0.04rem; }
.menu-text.food > span { color:#FFDE21;-webkit-text-stroke:#FFDE21; }
.menu-text.drinks > span { color:#189BBE;-webkit-text-stroke:#189BBE; }
.menu-text > span:first-child,
.menu-text > span:last-child   { color:transparent;-webkit-text-stroke-width:0.04rem;position:absolute;top:0;left:0;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out; }
.menu-link:hover .menu-text > span:first-child { transform:translate(0%, -100%); }
.menu-link:hover .menu-text > span:last-child { transform:translate(0%, 100%); }

.menu-link.disabled-menu { pointer-events: none; }

/* Offers */
.offer-body { padding-left:60px;padding-right:100px; }
.offer-image-overlay { position:absolute;max-width:200px;max-height:300px;top:-40%;right:0;transform:translateX(50%); }
.offer-image-overlay img { width:auto;max-height:300px;max-width:100%; }

/* Prices */
.price-container { padding-left:30px; }
.tr-margin td { padding-bottom:15px; }
.book-now-bar { background:url("/wp-content/themes/esl_arch/img/decorations/deco-10.png") repeat-x center center;background:transparent;background-size:auto 100%; }
.book-now-bar > div { background:transparent; }

/* Contact */
.contact-box { padding-left:30px;margin-bottom:30px; }
.contact-divider { width:calc(100% - 30px);height:50px;margin-left:30px;margin-top:-15px;background:url("/wp-content/themes/esl_arch/img/decorations/deco-7.png") no-repeat center center;background-size:cover; }
/*.contact-social-box:after { pointer-events:none;content:"";display:block;position:absolute;width:70%;height:100%;right:0;top:-20px;background:url("/wp-content/themes/esl_arch/img/decorations/deco-8.png") no-repeat center center;background-size:contain; }*/
.social-links { height:100px;width:100%;width:75%; }
/*.directions:after { pointer-events:none;content:"";display:block;position:absolute;width:372px;height:412px;bottom:-100px;right:-60px;background:url("/wp-content/themes/esl_arch/img/decorations/deco-9.png") no-repeat center center;background-size:contain; }*/


#sbi_images { margin-bottom:0; }








/* DECORATIONS */

.decoration { position:absolute;top:0%;left:0;width:50%;height:100%;text-align:right; }
.decoration.bars { top:10%;height:80%; }
.decoration.bars .deco-bar { width:0%;height:11%;padding:1.7% 0;display:block;margin:0 auto 0 0; }
.decoration.bars .deco-bar:after { content:"";background:#EC6223;width:100%;height:100%;display:block; }
.decoration.bars .deco-bar.bar-1.aos-animate { width:100%; }
.decoration.bars .deco-bar.bar-2.aos-animate { width:90%; }
.decoration.bars .deco-bar.bar-3.aos-animate { width:80%; }
.decoration.bars .deco-bar.bar-4.aos-animate { width:70%; }
.decoration.bars .deco-bar.bar-5.aos-animate { width:60%; }
.decoration.bars .deco-bar.bar-6.aos-animate { width:50%; }
.decoration.bars .deco-bar.bar-7.aos-animate { width:40%; }
.decoration.bars .deco-bar.bar-8.aos-animate { width:30%; }


.decoration.arrow,.decoration.lines { width:100%; }
.deco-arrow { width:50%;height:100%;left:-100%;position:absolute; }
.deco-arrow.aos-animate { left:-20%; }
.deco-arrow img, .deco-lines img { width:auto;max-height:100%; }
.decoration.lines { top:auto;bottom:0; }
.deco-lines { width:50%;height:100%;left:0%;position:absolute; }
.deco-monkey { width:100%;height:100%;right:0;position:absolute; }
.deco-monkey img  { width:100%;height:100%;object-fit: contain;object-position: center right; }

.body .deco-1:before { pointer-events:none;content:'';display:block;width:100%;height:100%;background:url("/wp-content/themes/esl_arch/img/decorations/deco-11.png") no-repeat center;background-size:contain;position:absolute;top:0;left:-35%; }



.parallax-logo { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 60px);max-width:600px;max-height:250px;object-fit:contain; }

.panels img { width:100%;height:100%;object-fit:cover;transition:all 0.3s ease-in-out;position:absolute;top:0;left:0; }
/*.panels .vertical-inner {  }*/
/*.panels a { color:#fff;overflow:hidden;display:inline-block;height:100%; }*/
/*.panels a:hover img { transform:scale(1.2); }*/
.panels h1 { color:#fff;width:100%;text-align:center; }

.flex-panels { display:flex;flex-wrap:wrap; }
.flex-panels > div { flex:1 1 50%; }
.flex-panel { height:100%;position:relative;align-content:center;gap:2rem;text-align:center;background:rgba(0,0,0,0.6);padding:clamp(2rem, 9vw, 10rem);display:flex;flex-wrap:wrap; }
.flex-panel > div { flex:1 1 100%; }

.panels.deco-1 { margin-top:90px; }
.panels.deco-1:after { pointer-events:none;content:'';display:block;width:100%;height:100%;position:absolute;top:-60px;left:0;background:url("/wp-content/themes/esl_arch/img/decorations/deco-12.png") no-repeat center center;background-size:contain; }

.column_text.deco-1:after { pointer-events:none;content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:url("/wp-content/themes/esl_arch/img/decorations/deco-1.png") no-repeat left 10%;background-size:auto 70%; }
.column_text.deco-1>div:before { pointer-events:none;content:'';width:100%;height:100%;display:block;position:absolute;top:0;right:0;background:url("/wp-content/themes/esl_arch/img/decorations/deco-2.png") no-repeat right 90%;background-size:auto 70%; }

.offer_block.deco-1:after { pointer-events:none;content:'';width:100%;height:100%;display:block;position:absolute;top:5%;right:0;background:url("/wp-content/themes/esl_arch/img/decorations/b-bars.png") no-repeat right bottom;background-size:auto 65%; }
.offer_block.deco-2 .offer-body:after { pointer-events:none;content:'';width:100%;height:170%;display:block;position:absolute;top:-50%;left:-5%;background:url("/wp-content/themes/esl_arch/img/decorations/deco-13.png") no-repeat left top;background-size:auto 100%; }




/* FAQS */
.faq-q { background:#EC6223;background:#2A5943;color:#fff;padding:14px 35px 4px 10px;margin-bottom:1px;position:relative; }
.faq-q:after { position:absolute;top:15px;right:10px;width:25px;height:15px;background:url("/wp-content/themes/esl_arch/img/arrow-gallery-up.png") no-repeat center bottom;background-size:25px auto;display:inline-block;content:""; }
.faq.active .faq-q:after { background-position:center top; }
.faq.active .faq-q { background:#EC6223; }
.faq-a { display:none;padding:5px 10px; }
.faq:nth-child(1) .faq-a { display:block; }



.mailing-list input[type="email"],
  .mailing-list select { -webkit-appearance: none;border:none;padding:10px 15px;color:#000; }
  .mailing-list select { width:30%;margin:0 1.5%;border-radius:0; }
  .mailing-list input[type="email"] { width:97%; }
  fieldset { border:none;padding:15px 0;margin:0; }
  fieldset label { margin-bottom:10px;display:inline-block; }
  .mailing-list form { width:100%;max-width:400px;margin:0 auto;display:inline-block; }
  .mailing-list .button { padding:10px 15px 10px;margin-top:15px; }
  .mailing-list input[type="checkbox"] { margin-right:15px; }
  .mailing-list p { width:100%;max-width:600px;margin:0 auto 30px; }




.plyr__control--overlaid, .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:#EC6223; }
.plyr--full-ui input[type=range] { color:#EC6223; }

.party-icon { width:100%;max-width:230px;display:inline-block; }
.kids-parties-text { padding:0 15px; }
.price-container { margin-bottom:15px; }
.kids-parties-text .price-container { padding-left:0;}


.text-column { width:100%;max-width:800px;margin:0 auto;padding:45px 45px; }


/**************************** Blog **********************************/

.blog-layout {
    padding: 80px 0;
}
.latest-post h4 {
    text-align: center;
    font: normal normal bold 24px/24px ff-nexus-typewriter;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}
.latest-post h3 {
    text-align: center;
    font: normal normal bold 34px/48px ff-nexus-typewriter;
    letter-spacing: 0px;
    color: #111111;
}
.latest-post p {
    text-align: center;
    font: normal normal normal 16px/24px ff-nexus-typewriter;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 70px;
}
.blog-sec {
    background: #FFFFFF;
    box-shadow: 0px 0px 21px #00000029;
}
.blog-sec .blog-txt {
    padding: 20px 20px;
    height: 230px;
}
.blog-sec .blog-txt h3 {
    text-align: left;
    font: normal normal bold 24px/24px bebas-neue-by-fontfabric;
    letter-spacing: 0px;
    color: #2A5943;
    text-transform: capitalize;
}
.blog-sec .blog-txt .para6 {
    text-align: left;
    font: normal normal 600 16px/24px ff-nexus-typewriter;
    letter-spacing: 0px;
    color: #9f9f9f !important;
    text-transform: uppercase;
    margin-bottom: 0;
}
.blog-sec .blog-txt p {
    text-align: left;
    font: normal normal normal 14px/24px ff-nexus-typewriter;
    letter-spacing: 0px;
    color: #000000;
    padding: 0;
    margin-bottom: 0;
}
.blog-sec .button {
    font-size: 14px;
    padding: 10px 20px;
    margin-top: 20px;
}
.img-blog {
    object-fit: cover;
}

@media screen and (max-width: 1024px) {  
.blog-sec .blog-txt {
    height: 270px;
}
}

@media screen and (max-width: 768px) {  
.blog-sec .blog-txt {
    height: 320px;
}
}

@media screen and (max-width: 414px) {  
.blog-sec .blog-txt {
    height: auto;
}
}

/**************************** Blog single **********************************/

.blog-content {
    padding: 100px 0;
}
.blog-content h1 {
    text-align: center;
    font: normal normal bold 28px/38px bebas-neue-by-fontfabric;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #EC6223;
    font-size: 2.6em;
    font-weight: bold;
}
.blog-content h4 {
    text-align: left;
    font: normal normal 300 32px/40px ff-nexus-typewriter;
    letter-spacing: 0.64px;
    color: #000000;
}
.blog-content p {
    text-align: center;
    font: normal normal normal 16px/24px ff-nexus-typewriter;
    letter-spacing: 0px;
    color: #373735;
}
.blog-content h3, .blog-content h2 {
    text-align: center;
    font: normal normal 800 26px/32px ff-nexus-typewriter;
    letter-spacing: 0.64px;
    color: #2A5943;
    padding: 15px 100px 15px;
}

#menu-sitemap{
    display: block;
    column-count: 1;
}
#sitemap #menu-sitemap li {
    margin-right: 80px;
    text-align: left;
    margin-bottom: 8px;
}
#sitemap #menu-sitemap li a {
    text-decoration: none;
    line-height: 24px;
}
#sitemap #menu-sitemap li a:hover {
    color: #e8642e;
}
#sitemap .sub-menu {
  padding: 0 0 6px 1em !important;
}
#sitemap .sub-menu li {
    list-style: circle;

}




@media(max-width:768px){
  .decoration.arrow  { display:none; }
  .deco-monkey { display: none; }
  .price-container { margin-bottom:30px; }
  .module.prices { margin-bottom:0px; }
  .kids-parties-text { padding:0 0px; }
  .module.kidsparties { margin-bottom:60px; }
  .mobile-party-column { grid-column-start:7;grid-row-start:1; }
  .party-icon { max-width:115px;position:relative;top:-30px; }

}

@media(max-width:560px){
	.panels.deco-1:after { top:0;left:-70%; }
}




































@media(max-width:900px){
	p { font-size:1rem; }

}

@media(min-width:769px){
	#navmenu { display:inline-block !important; }
	.nav-mobile-cover { display:none !important; }
}

/* Tablet Size */
@media(max-width:768px){
	.banner { margin-top:70px; }
	.banner:before { content:"";display:block;height:70px;width:100%;background:#EC6223;position:fixed;top:0;z-index:7; }
	.top-gradient { display:none; }
	/* Move this to it's own query if it needs to break down earlier */
		nav { -webkit-transition: right 0.5s ease-in-out;
			  -moz-transition: right 0.5s ease-in-out;
			  -o-transition: right 0.5s ease-in-out;
			  transition: right 0.5s ease-in-out; }
		.mobile-toggle { display:inline-block; }
		nav { padding:15px 0 !important; display:inline-block;position:fixed;top:0;right:-250px;height:100%;width:250px;z-index:10;background:#EC6223;text-align:center; }
		nav.open { right:0px;}
		.nav-holder { z-index:999; }
		.mobile-toggle { background:#EC6223;left:-40px;top:15px;position:absolute;width:40px;height:40px;padding:10px 5px 5px;}
		#navmenu .menu { text-align:center; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px;color:#000000 !important; }
		#navmenu .menu a:hover { color:#ffffff !important; }
		#navmenu .sub-menu { display: inline-block;width:100%;position:static; }
		#navphone { padding-left:10px;margin-top:15px; }
		/*#navphone::before { display:none; }*/
		#logo { z-index:8;width:100px;top:-5px; }
		#logo { width:80px;height:70px;top:0;background:url("/wp-content/themes/esl_arch/img/esl-logo-black.png") no-repeat center;background-size:contain; }
    #caddy-logo,#caddy-logo.perma, #caddy-logo.visible { left:110px;width:160px;top:10px }


		.nav-mobile-cover { display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:998; }

		#book-button { right:50%;transform:translateX(50%);background:#2A5943;color:#FFDE21; }
		#book-button:hover { background:#FFDE21;color:#2A5943; }


    #navmenu .menu { flex-wrap:wrap; }
    #navmenu .sub-menu { background:rgba(0,0,0,0.1);text-align:center; }

	/* ---------------------- */

	h1 { font-size:2.8rem; }
	h4 { font-size:1rem; }

	.parallax-window { min-height: 400px;background: transparent; }

	.menu-image { padding:0 8%;margin-top:15px; }



	#map { height:480px; }


	.column_text.deco-1:after, .column_text.deco-1>div:before { opacity:0.3; }
	.offer_block.deco-1:after { background-size:auto 45%; }
	
	.m-grid-gap-30 { grid-gap:15px; }


}

/* Mobile Size */
@media(max-width:560px){
	.parallax-window { min-height: 300px;background: transparent; }
	.top-gradient { height:70px; }
	h2, h3 { font-size:1.9rem; }
	h5 { font-size:1rem; }
	p { font-size:0.8rem; }
	#map { height:390px; }
	.panels.deco-1 { margin-top:0px; }
	.menu-image { padding:0 18%;margin-top:15px; }
	#book-button { right:50%;padding:24px 20px; }
	.column_text.deco-1:after, .column_text.deco-1>div:before { width:35%;background-size:contain; }
	.decoration.arrow { height:50%;top:25%; }
	.menu-text > span { font-size:80px; }
	.menu-link:hover .menu-text > span:first-child { transform:translate(0%, -60%); }
	.menu-link:hover .menu-text > span:last-child { transform:translate(0%, 60%); } 
	
	.offer-body { padding-left:5px;padding-right:0px; }
	.offer_block.deco-2 .offer-body:after { opacity:0.4; }
	.offer-image-overlay { max-width:80px;max-height:80px;top:-50%;right:5%; }
	.offer-image-overlay img { max-height:90px; }
	.offer_block.deco-1:after { height:60%;top:auto;bottom:0; }

	.book-now-bar .m-container-768 { max-width:200px; }

	.button.large { font-size:1rem; }
	.price-container, .contact-box { padding-left:0; }
	.contact-divider { width:100%;margin-left:0; }
	.directions:after { width:250px;height:300px;right:-20px;opacity:0.6;bottom:-90px; }

    #logo { width:70px !important;top:0px;left:10px; }


}

@media(max-width:420px){

}