.elementor-kit-12{--e-global-color-primary:#D47525;--e-global-color-secondary:#1D1D1D;--e-global-color-text:#E3D8C5;--e-global-color-accent:#D47525;--e-global-typography-primary-font-family:"Boldnostyle";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-letter-spacing:2px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Boldnostyle";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Boldnostyle";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;background-color:#1D1D1D;color:#E3D8C5;font-family:"Boldnostyle", Sans-serif;font-size:20px;font-weight:bold;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:#ED7916;font-family:"Boldnostyle", Sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:2px;color:#E3D8C5;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:#ED7916;font-family:"Boldnostyle", Sans-serif;text-decoration:none;}.elementor-kit-12 a:hover{color:#C85C00;}.elementor-kit-12 h1{font-family:"Boldnostyle", Sans-serif;}.elementor-kit-12 h2{font-family:"Boldnostyle", Sans-serif;}.elementor-kit-12 h3{font-family:"Boldnostyle", Sans-serif;}.elementor-kit-12 h4{color:#D37523;font-family:"Bold Styled", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;}.elementor-kit-12 h5{font-family:"Boldnostyle", Sans-serif;}.elementor-kit-12 label{color:#E3D8C5;font-family:"Boldnostyle", Sans-serif;font-size:18px;}.elementor-kit-12 input:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea,.elementor-kit-12 .elementor-field-textual{font-family:"Boldnostyle", Sans-serif;font-size:18px;color:#E3D8C5;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{font-size:16px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */a {
    text-decoration: none !important; /* Removes the underline from all links */
}


/* Container styles */
.button-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0px !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    text-align: center !important;
}

/* Initial button styles with gradient */
.elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, rgba(209,144,89,1) 0%, rgba(237,206,179,1) 24%, rgba(235,171,115,1) 52%, rgba(209,102,9,1) 100%) !important;
    color: #444444 !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
    box-shadow: 6px 13px 16px black !important;
    border-radius: 30px !important;
    padding: 0 20px !important;
    height: 72px !important;
    text-decoration: none !important;
    font-size: 25px !important; /* Default font size for desktop and mobile */
    font-family: 'Boldnostyle', sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    width: 100% !important;
    position: relative !important;
    gap: 8px !important;
}

/* Tablet-specific font size */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-button {
    font-size: 20px !important; /* Reduce font size by 4px for tablets */
  }
}

/* Button text */
.button-text {
    flex: 1 !important;
    text-align: center !important;
    line-height: 1 !important;
    padding-right: 24px !important;
    transition: color 0.15s ease !important;
}

/* Icon positioning */
.button-icon {
    position: absolute !important;
    right: 24px !important;
    display: inline-block !important;
    color: inherit !important;
    transition: color 0.15s ease !important;
}

/* Styling for the icon itself */
.button-icon i {
    font-size: 1.1em !important;
    color: inherit !important;
    transition: color 0.15s ease !important;
}

/* Button hover effect */
.elementor-button:hover {
    background: linear-gradient(180deg, rgba(235,171,115,1) 0%, rgba(209,144,89,1) 24%, rgba(193,96,9,1) 52%, rgba(144,69,9,1) 100%) !important;
    color: #E3D8C5 !important;
    box-shadow: 0px 0px 20px rgba(235, 225, 95, 0.7) !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Change icon color on hover */
.elementor-button:hover .button-icon i {
    color: #E3D8C5 !important;
    transition: color 0.15s ease !important;
}







/* css for the GiftCard API thing. tabology */

.elementor-8 .elementor-element.elementor-element-a5491e7 {
    color: #E3D8C5;
    font-family: Boldnostyle !important;
    font-weight: bold;
    text-transform: uppercase;
    
    

}

[type=button], [type=submit], button {
    
       background: linear-gradient(45deg, #FF9940, #D16609); /* Gradient on hover */
    color: white; /* Text color on hover */
    box-shadow: 6px 13px 16px rgba(16, 15, 15, 0.25); 
    text-transform: uppercase;
    font-family: boldnostyle;
    font-weight: bold;
    border-radius: 50px;
    
        background: linear-gradient(45deg, #D16609, #BB5700); /* Initial gradient colors */
    color: #1D1D1D; /* Initial text color */
    padding: 15px 50px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; /* Transition times */
    box-shadow: 0px 0px 0px rgba(16, 15, 15, 0.25); /* No shadow initially */
    margin-top: 0px ;

    
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
    
}


.elementor-kit-12 {

    overflow-x: hidden !important;
}


.body {
  overflow-x: hidden !important;

}

.col-lg-4 {
    font-family: inter !important;
    font-weight: bold;
    color: #fff;
    margin: 18px auto;
    color: #E3D8C5;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.anchor-offset {
    scroll-margin-top: -160px !important; /* Adjust the value to your desired offset */
}


.elementor-279 .elementor-element.elementor-element-e426eea .elementor-field-group .elementor-select-wrapper select{
		  border-color: #CC6409;
}

@media only screen and (max-width: 768px) {
/* Prevent overflow from all elements */
html, body {
    overflow-x: hidden !important;
}

/* Prevent overflow on all sections */
.elementor-section {
    overflow-x: hidden !important;
}

}


/* Menu page - the curved edges */
.elementor-element .elementor-main-swiper, .elementor-lightbox .elementor-main-swiper {
    position: static;
    border-radius: 20px 20px 0px 0px;
}

/* OPTION SECTION */

/* Container styles */
.menu-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0px !important;
    box-sizing: border-box !important;
    background-color: transparent !important; /* Ensure no background */
    text-align: center !important;
}

/* Dropdown styles */
.MenuDropdown {
    width: 100% !important; /* Full width */
    height: 45px !important; /* Shorten the height to make it smaller */
    padding: 10px !important; /* Adjust padding as needed for a more compact look */
    padding-left: 10px !important; /* Keep left padding at 15px */
    padding-right: 40px !important; /* Increase right padding to avoid text overlapping the chevron */
    border-radius: 40px !important; /* Rounded corners */
    background: transparent !important; /* Transparent background */
    color: #444444 !important; /* Text color */
    border: none !important; /* Remove border */
    font-size: 15px !important; /* Set font size to 15px */
    font-family: 'Boldnostyle', sans-serif !important; /* Custom font */
    font-weight: bold !important; /* Bold font */
    text-transform: uppercase !important; /* Uppercase text */
    letter-spacing: 0.0px !important; /* Reduced letter spacing */
    
    /* Drop shadow */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important; /* Example shadow */
    
    cursor: pointer !important; /* Pointer cursor */
    transition: color 0.15s ease, box-shadow 0.15s ease !important; /* Smooth transitions for color and shadow */
    text-align: left !important; /* Align text to the left */
    appearance: none !important; /* Remove native appearance */
    
    /* Custom chevron */
    background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23444444%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22feather feather-chevron-down%22%3E%3Cpolyline points=%226 9 12 15 18 9%22/%3E%3C/svg%3E') no-repeat right 15px center !important; /* Keep chevron 15px from the right */
    background-size: 24px 24px !important; /* Set size of the chevron */
}

/* Dropdown option styles */
.MenuDropdown option {
    font-size: 15px !important; /* Set font size to 15px */
    color: #444444 !important; /* Text color */
    background-color: transparent !important; /* Fully transparent background for options */
}

/* Hover effect for dropdown */
.MenuDropdown:hover {
    color: #E3D8C5 !important; /* Change text color on hover */
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15) !important; /* Example hover shadow */
    background-position: right 15px center !important; /* Keep chevron stationary and 15px from the right */
}




/* Pagination container styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

/* Reduce spacing between bullets */
.swiper-pagination-bullet {
    margin: 0 4px !important; /* Adjust the margin between bullets */
}





/* Safari-specific styling */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body, 
    .elementor-widget-text-editor {
        -webkit-font-smoothing: antialiased !important; /* Font smoothing for Safari */
        text-rendering: optimizeLegibility !important;  /* Optimize legibility for Safari */
    }
}



/*image boxes*/

/* Default styles for image box titles */
#breakfast .elementor-image-box-title,
#pizza .elementor-image-box-title,
#cocktail .elementor-image-box-title {
    color: #E3D8C5; /* Default text color */
    transition: color 0.3s ease;
}

/* Active state: keep the text color #D47624 for the specific active page */
/* If the user is on the Bottomless Breakfast Menu page (ID: 3387) */
body.page-id-3387 #breakfast .elementor-image-box-title {
    color: #D47624 !important; /* Active state color */
}

/* If the user is on the Bottomless Pizza Menu page (ID: 3373) */
body.page-id-3373 #pizza .elementor-image-box-title {
    color: #D47624 !important; /* Active state color */
}

/* If the user is on the Bottomless Cocktail Menu page (ID: 3389) */
body.page-id-3389 #cocktail .elementor-image-box-title {
    color: #D47624 !important; /* Active state color */
}

/* Hover effect for non-active links */
#breakfast:hover .elementor-image-box-title,
#pizza:hover .elementor-image-box-title,
#cocktail:hover .elementor-image-box-title {
    color: #D47624; /* Hover effect color */
}

/* Image scaling effect on hover */
#breakfast:hover .elementor-image-box-img img,
#pizza:hover .elementor-image-box-img img,
#cocktail:hover .elementor-image-box-img img {
    transform: scale(1.1); /* Scale the image slightly */
    transition: transform 0.3s ease;
}



/* tablepress */

.tablepress>:where(tbody)>.even>* {
    background-color: #1D1D1D !important;
    color: #DFD5C2 !important;
}

.tablepress>:where(tbody)>.odd>* {
    background-color: #232527 !important;
    color: #DFD5C2 !important;
}



.tablepress>:where(thead,tfoot)>*>th {
    background-color: #D47525 !important;
    color: #DFD5C2 !important;
}


.elementor-popup-modal {
  z-index: 99999 !important;
}



/* Fullscreen popup menu with hard cut-off on mobile */
@media (max-width: 1024px) {
  /* The popup content itself */
  .mobile-menu-popup {
    position: fixed !important;
    inset: 0;                 /* top:0; right:0; bottom:0; left:0 */
    width: 100vw;
    min-height: 100vh;
    min-height: 100dvh;       /* fixes address-bar jumping in iOS Safari */
    background: #333333;      /* your menu grey */
    z-index: 9999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Remove padding/background from Elementor dialog wrapper */
  .elementor-popup-modal .dialog-message {
    padding: 0 !important;
    background: transparent !important;
    height: 100%;
  }

  /* When any Elementor popup is open, lock the page and show same grey */
  html.elementor-popup-modal-open,
  body.elementor-popup-modal-open {
    height: 100%;
    margin: 0;
    overflow: hidden !important;
    background: #333333;      /* SAME grey as above */
    overscroll-behavior-y: none;  /* modern Safari/Chrome */
  }

  /* Extra belt-and-braces just for iOS Safari */
  @supports (-webkit-touch-callout: none) {
    html.elementor-popup-modal-open,
    body.elementor-popup-modal-open {
      position: fixed;
      width: 100%;
    }
  }
}

html,
body {
  background-color: #111111; /* use your dark page colour */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Boldnostyle';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brodys.uk/wp-content/uploads/2024/09/Fontfabric-Intro-Head-B-Base.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bold Styled';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brodys.uk/wp-content/uploads/2024/09/Fontfabric-Intro-Head-B-G-Base_1.ttf') format('truetype');
}
/* End Custom Fonts CSS */