/*removes top number from main menu*/
li.sp-menu-item .spmenu-number, .offcanvas-menu .offcanvas-inner ul.menu>li .spmenu-number {
    display: none;
    visibility: hidden;
    opacity: 0;
}
/* moves top menu higher in header where the number used to be, was top 10px*/
.sp-megamenu-parent>li:has(.spmenu-number)
{
    top: 0px;
    position: relative;
}
/* sets the dropdown menu higher closer to the top menu item was 10px*/
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: calc(100% - 20px);
}
/*make whole menu dropdown subitem selectable*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    width: 100%;
}
/*makes the arrow in mobile menu more pushable*/
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
    padding: 10px;
}

/*makes the arrow in mobile menu more pushable*/
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    padding: 0px;
}
/*Move (in header) Contact Us higher to match main menu, was -7px*/
.header-menu {
    transform: translateY(-9px);
}
/*Make Contact Letter icon larger*/
a.tanax_contact_button i {
    font-size: 24px;
    position: relative;
    top: 5px;
}
/*Lightbox on Swtme gallery appears on top*/
#sp-header.header-sticky {
    z-index: 1000 !important;
}
/*moves the mobile menu toggler closer to logo*/
#offcanvas-toggler {
  position: absolute !important;
  right: 0px;
}
/*center title on gallery*/
h3.showtime-title {
   display: block;
   text-align: left; /*was center*/
   padding-top: 80px;
   padding-bottom: 30px;
}
/*fixes mobile menu X button issue was 8px*/
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 9px) rotate(-45deg);
}
/*in lightbox make buttons less prominent*/
.lg-outer .lg-actions button.lg-next, .lg-outer .lg-actions button.lg-prev {
    background-color: rgba(0, 0, 0, .15) !important;
    color: #333;
}
.lg-outer .lg-actions button.lg-next:hover, .lg-outer .lg-actions button.lg-prev:hover {
    color: #fff;
}
/*remove round corners and borders from images*/
.showtime-wall .showtime-image {
    border-radius: 0px !important;
    border: 0px !important;
}
/*contact form remove styling of orig template*/
input[type=text], input[type=email], input[type=url], input[type=date], input[type=password], input[type=search], input[type=tel], input[type=number], select:not(.form-select), .form-control, .sppb-form-group .sppb-form-control {
    border: 1px solid #000 !important;
    padding: 10px !important;
}
.sp-pagebuilder-popup .builder-container {
    width: 90% !important;
}
/*single page override, do not bold Home in regular and mobile menus*/
/*.sp-megamenu-parent>li.active>a {
    font-weight: 500 !important;
}*/
.offcanvas-menu .offcanvas-inner ul.menu>li.active>a, .offcanvas-menu .offcanvas-inner ul.menu>li.active>span
{
    font-weight: 400 !important;
}
/*Social Icons styling Addon*/
.sppb-icons-group-list li a {
	display: inline !important;
}
/*gallery styling for magazines*/
p.sppb-gallery-desc
{
	font-weight: 500;
	padding-top: 8px;
}
/*gallery tag buttons*/
.ig-tags-button {
	font-size: 16px;
}
/*IG Gallery styling*/
#ig-lightbox-M140 {
	background: #000000e3 !important;
}
/*Forms styling*/
.convertforms #cf1 .cf-form-wrap {
    padding: 10px !important;
}
/*Popup Box X button fix refade 1. Force the popup wrapper to handle animation states dynamically */
[class*="sp-pagebuilder-popup"] {
    animation-duration: 0.8s !important;
    animation-fill-mode: both !important;
}

/* 2. Target the popup when it receives the active/open state class */
[class*="sp-pagebuilder-popup"][class*="active"],
[class*="sp-pagebuilder-popup"][class*="show"],
[class*="sp-pagebuilder-popup"][style*="display: block"] {
    animation-name: sppb6FadeIn !important;
}

/* 3. Define the precise fade-in animation rules */
@keyframes sppb6FadeIn {
    from {
        opacity: 0;
        transform: scale(0.95); /* Optional: adds a slight smooth zoom */
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}