/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 /* CUSTOMIZE SPINNER */
 /*
 #spinner-div {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 25000;
}
*/

#wpfront-notification-bar, #wpfront-notification-bar a:visited{
	color: white;
}
.fullpage-header{
	position: absolute;
    width: 100%;
    text-align:center;
	display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    z-index: 1;
    top:0;
    box-sizing: border-box;
}
.fullpage-menu ul {
	font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #fff;
}
.fullpage-header li {
	color: white;
	list-style: none outside none;
	
}
.fullpage-header li a{
	color: #ffffff;
}
.fullpage-header li a:hover{
	color: #ffc123;
}
.mobile-header{
	display: none;
	visibility: hidden; /* hide whole menu, switch to full-page */
}

.mobile-header #mobile-menu-toggle{
  display: none;
  align-self: flex-start;
  width: 100%;
  min-width: 100%;
}

.mobile-header .menu-mobile-wlbc-container{
  display: none;
  align-self: flex-start;
  width: 100%;
  min-width: 100%;
}

/* clickable label to trigger dropdown */
.mobile-header label {
  position: relative;
  display: flex;
  align-items:center;
  cursor: pointer;
  width:120px;
  min-width:120px;
  min-height: 55px;
  margin-right:auto;
}

/*show the submenu when input is checked*/
.mobile-header #mobile-menu-toggle:checked ~ .menu-mobile-wlbc-container {
	width:100%;
	min-width:100%;
	display: block;
}

/* remove bullets and padding */
.mobile-header ul{
	list-style-type: none;
	padding-left: 0px;
}

.menu-icon-lines {
	display:block;
	position: relative;
    display: block;
    width: 20px;
    height: 30px;
}

.menu-icon-line {
	display:block;
    left: 0;
    height: 5px;
    margin-top:4px;
    width: 100%;
    background-color: currentColor;
    border-radius: 12px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease;
}

.menu-icon-line top{
	top:0;
}
.menu-icon-line middle{
	top:10px;
}
.menu-icon-line bottom{
	bottom:0;
}

#menu-mobile-wlbc{
	padding-top:10px;
	margin-bottom:0px;
	font-family: ui-monospace;
    font-weight: bolder;
    font-size: x-large;
}
#menu-mobile-wlbc a:link, #menu-mobile-wlbc a:visited{
	color: black;
}
.wlbc_page_block{
	padding-left:10px;
	padding-right:10px;
}

.page-home-header{ /* used for HOME page */
		position:fixed; /* stick the menu bar */
		width:100%;
        z-index: 99;
        position: absolute;
        top: 0;
	}
.page-header{ /* used for other pages */
		position:fixed; /* stick the menu bar */
		width:100%;
        z-index: 99;
        position: absolute;
        top: 0;
	}

/* NORMAL MOBILE PHONES */
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 740px) /* 1024 ? */
{
	.fullpage-header{
		display: none;
		visibility: hidden; /* hide whole menu, switch to mobile */
	}
	.mobile-header{
		display:flex;
		flex-wrap: wrap;
        flex-direction: row;
		visibility: visible; /* hide whole menu, switch to mobile */
		z-index: 99;
        position: fixed;
        width:100%;
        min-width:100%;
        padding: 10px;
        background-color:white;
        justify-content: center;
        align-items: center;
	}
	.mobile-menu-logo{
		width: 20%;
		min-width: 20%;
		margin-right:auto;
		margin-left: -110px; /* make up for menu toggle */
	}
}

.fullpage-menu{
	display: flex;
	flex-direction:row;
    justify-content:center; /* or space-around; */
    align-items: center; /* Vertically centers the children */
}

.menu-divided-right-wlbc-container ul{
	display:flex;
	text-align:center;
	justify-content: space-around;
    align-items: center; /* Vertically centers the children */
    padding-top: 18px;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
}
.menu-divided-left-wlbc-container ul{
	display:flex;
	text-align:center;
	justify-content: space-around;
    align-items: center; /* Vertically centers the children */
    padding-top: 18px;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
}
.menu-divided-right-wlbc-container li{
	padding:8px;
}
.menu-divided-left-wlbc-container li{
	padding:8px;
}

.wlbc-nav-dropdown ul {
  display: flex;
}

.wlbc-nav-dropdown-menu-wrapper {
  position: relative;
}

.wlbc-nav-dropdown-menu {
  position: absolute;
  display: none;
  inset: 100% auto auto 0;
  transition: opacity 0.3s ease-in;
  pointer-events: none;
  text-align: left;
  
  @media (hover: hover) {
    display: block;
    opacity: 0;
  }
}

.wlbc_usermenu_container{
	padding-top:8px;
}
.wlbc_menu_cart_container{
	color:white;
	padding-right:32px;
}
@media (hover: hover) {
  .wlbc-nav-dropdown-menu-wrapper {
    &:has(
        :is(
            .wlbc-nav-dropdown-menu-trigger:hover,
            .wlbc-nav-dropdown-menu-trigger:focus-visible,
            .wlbc-nav-dropdown-menu:hover,
            .wlbc-nav-dropdown-menu:focus-within,
            input:not(:placeholder-shown)
          )
      ) {
      .wlbc-nav-dropdown-menu {
        opacity: 1;
        pointer-events: auto;
      }
    }
  }
}

.wlbc-page-banner{
	text-align:center;
}
/* ------ DMS2 MENU FORMATTING ----- */
.dms2_block_class_title{
	width:100%;
	font-size: xx-large;
	font-weigh: bold;
	text-align: center;
}
.dms2_section_class{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.dms2-item-class{
	width:25%; 
	max-width:25%;
	padding: 1em;
	font-size: large;
}

.dms2_item_name_container{
	width:100%;
	text-align: center;
	font-weight: bold;
	font-size: larger;
}
.dms2_menu_item_img {
	width:100%;
}
/* LOW-RES DESKTOPS */
@media only screen 
  and (min-device-width: 741px) 
  and (max-device-width: 1280px) /* 1024 ? */
{
	.dms2-item-class{
		width:33%;
		max-width:33%;
	}
}
/* NORMAL MOBILE PHONES */
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 740px) /* 1024 ? */
{
	.dms2-item-class{
		width:100%;
		max-width:100%;
	}
}
/* -------------------- */
.wlbc-splash {
	/*
	padding: 0;
	margin: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    object-fit: cover;
    */
    overflow: hidden;
    position: relative; /* or absolute or fixed */
}

.wlbc-splash-mobile {
	padding: 0;
	margin: 0;
    display: none;
    height: 100%;
    width: 100%;
    min-width: 100%;
    overflow: hidden;
}

.wlbc-splash-video {
	/*
	padding: 0;
	margin: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    object-fit: cover;
    */
    /* Assuming 16:9 video! */
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
}

.wlbc-splash-container {
	padding: 0;
	margin: 0 auto;
	/* height: 100%; */
	width: 100%;
    /* min-height: 100%; */
	min-width: 100%;
    overflow: hidden;
}

.portfolio-item a{
	color:black;
}
.portfolio-item a:hover{
	color:#303030;
}
.info-item a{
	color:white;
}
.portfolio-item a:hover{
	color:#303030;
}
.wlbc-info-container{
	font-family: Arvo, serif;
}
.wlbc-section-container{
	padding:15px;
	width:100%;
}
.wlbc-section-border-pad{
	padding:15px;
}
.wlbc-section-border{
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 25px;
}
.wlbc-flex-c{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:20px;
}
.wlbc-flex-box2{
	/* intended for 2-col layout */
	flex-basis:350px;
	flex-grow:1;
	flex-wrap: wrap;
	padding:5px;
}
.wlbc-flex-box4{
	/* intended for 4-col layout */
	display:flex;
	gap:0px; 
	flex-basis:220px;
	flex-grow:1;
	flex-wrap: wrap;
	padding:5px;
}
.wlbc-section-drop-shadow-dark {
	text-shadow: 0.03em 0 0.2em #222222, 0 0.03em 0.2em #222222, -0.03em 0 0.2em #222222, 0 -0.03em 0.2em #222222, -0.03em -0.03em 0.2em #222222, -0.03em 0.03em 0.2em #222222, 0.03em -0.03em 0.2em #222222, 0.03em 0.03em 0.6em #222222;
}
.wlbc-section-drop-shadow-white {
text-shadow: 0.03em 0 0.2em #ffffff, 0 0.03em 0.2em #fff, -0.03em 0 0.2em #fff, 0 -0.03em 0.2em #ffffff, -0.03em -0.03em 0.2em #fff, -0.03em 0.03em 0.2em #fff, 0.03em -0.03em 0.2em #fff, 0.03em 0.03em 0.6em #fff;
}

.full-height {
  height: 100%;
}

#spinner-div{
	display: none;
}

.bmgr_top_progress_bar_container{
	display:none; /* only show when needed! */
}

.content {
    font-family: Arvo, serif;
	padding: 0;
	margin: 0;
	/*height: 100%;*/
	width: 100%;
    min-height: 80%%;
	min-width: 100%;
}

.content-page-home {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	width: 100%;
    min-height: 100%;
	min-width: 100%;
}

.content-page {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	width: 100%;
    min-height: 100%;
	min-width: 100%;
}

.wrapper {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	width: 100%;
    min-height: 100%;
	min-width: 100%;
}
html, body {
  width: 100%;
  height: 100%;
  min-width:100%;
  min-height:100%;
  padding: 0 !important;
  margin: 0 !important;
}
/* NORMAL MOBILE PHONES */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 1024px) 
{ 
	.wlbc-splash-container {
		padding: 0;
		margin: 0 auto;
		height: auto;
		width: 100%;
	    min-height: auto;
		min-width: 100%;
	    overflow: hidden;
	}
	.wlbc-splash {
		padding: 0;
		margin: 0;
	    display: none;
	    max-height: none;
	    height: 100%;
	    width: 100%;
	    min-width: 100%;
	    overflow: hidden;
	}
	.wlbc-splash-mobile{
		padding: 0;
		margin: 0;
		display: inline-block;
	    max-height: none;
	    height: auto;
	    width: 100%;
	    min-width: 100%;
	    overflow: hidden;
	}
} /* END NORMAL MOBILE PHONES */

div {
    unicode-bidi: isolate;
}