/*
  Theme Name: JRC Global Buffet
  Version: 1.0.0
  Template: Divi
  Author: Divi Pixel
  Author URI: https://www.divi-pixel.com
  Text Domain: jrc-global-buffet
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* General Styles */
body .et_pb_section {
  background-color: #e4e4e4 !important; /* Background color for sections */
}

body .et_pb_button {
}

.et_pb_button.side-btn {
  font-size: 24px !important;
}

/* Highlighted Text Style */
.highlighted-text {
  font-family: active, sans-serif; /* Font family for highlighted text */
  font-style: normal; /* Normal font style */
  font-weight: 400; /* Font weight */
}

/* Menu Styles */
.top-nav-menu nav > ul > li:not(:last-child) {
  border-right: 1px solid #ffffff !important; /* Add borders to menu items */
}

.top-nav-menu li a {
  padding: 4px 0px !important; /* Adjust spacing around menu items */
}
.top-nav-menu li a:hover {
}

.footer-nav-menu nav > ul > li:not(:last-child) {
  border-right: 1px solid #ffffff !important; /* Add borders to menu items */
}

.footer-nav-menu li a {
  padding: 2px 0px !important; /* Adjust spacing around menu items */
}

.footer-nav-menu li a:hover {
}

/* Newsletter SignUp Styling */
.newsletter-form {
  max-width: 600px; /* Maximum width of the form */
  margin: 0 auto; /* Center the form */
  padding: 20px; /* Inner padding */
  background-color: transparent; /* No background for form */
}

/* Input and Select Styles */
.form-control {
  width: 100%; /* Full width for inputs */
  padding: 10px 10px; /* Padding inside input fields (top/bottom: 10px, left/right: 10px) */
  margin: 10px 0; /* Spacing between fields */
  border: 1px solid white; /* White border around input fields */
  border-radius: 4px; /* Rounded corners */
  font-size: 16px; /* Font size */
  background-color: transparent !important; /* Force transparent background for inputs */
  color: black; /* Default text color */
  box-sizing: border-box; /* Include padding and border in the element's total width */
}

select#location {
  border: 1px solid white !important;
  padding: 0px;
}

/* Placeholder Styles */
.form-control::placeholder {
  color: white; /* White color for placeholders */
}
/* Placeholder or Default Option Styling */
.form-control option[value=""] {
  color: grey; /* Set the placeholder text color to grey */
}

/* Ensure all options in the dropdown have black text */
.form-control option {
  color: black; /* Set dropdown option text color to black */
  background-color: white; /* Ensure dropdown background remains white */
}
/* Label Styles */
.form-label {
  color: white; /* White color for labels */
  font-size: 14px; /* Font size for labels */
  margin-bottom: 5px; /* Spacing below labels */
}

/* Form Group Styles */
.form-group {
  display: flex; /* Flexbox for alignment */
  flex-direction: column; /* Stack items vertically */
}

/* Flexbox for Row Items */
.form-row {
  display: flex; /* Use flexbox */
  justify-content: space-between; /* Space between items */
}

/* Half Width Styles */
.half-width {
  flex: 1; /* Flex-grow to take up space equally */
  margin: 0 5px; /* Even horizontal margin for spacing */
}

/* Ensure full-width elements have padding */
.half-width select,
.half-width input[type="text"] {
  width: 100%; /* Full width for select and text inputs */
}

/* Dropdown Styles */
.half-width select {
  color: white; /* Text color for the dropdown */
  margin-top: 25px;
  height: 25px; /* Set a fixed height for uniformity */
  padding: 0px;
}

.half-width select option {
  color: black; /* Color for options in the dropdown (when selected) */
  background-color: transparent; /* No background color */
}

/* Placeholder for Select (Default Option) */
.half-width select option[value=""] {
  color: white; /* Color for the default option */
  background-color: transparent; /* Ensure background is transparent */
}

/* Birthday Field Label Styles */
.birthday-label {
  color: white; /* White color for the birthday label */
  font-size: 16px; /* Font size for the birthday label */
  align-self: center; /* Center the label vertically */
  margin-right: 10px; /* Space between label and field */
}

/* Flexbox for Birthday and Dropdown */
.birthday-dropdown-row {
  display: flex; /* Use flexbox */
  align-items: center; /* Center items vertically */
}

/* Checkbox Styles */
.checkbox-label {
  font-size: 10px; /* Font size for checkbox label */
  margin: 10px 0; /* Spacing above and below */
  color: white; /* White color for checkbox label text */
  line-height: 1;
}

.checkbox-label a {
  color: white; /* White color for checkbox label link */
}

/* Submit Button Styles */
.submit-btn {
  background-color: #699028; /* Button background color */
  color: white; /* Button text color */
  border: none; /* No border */
  padding: 8px 16px; /* Padding */
  border-radius: 0px; /* Rounded corners */
  font-size: 24px; /* Font size */
  font-family: "League Gothic", sans-serif; /* Set the font family */
  cursor: pointer; /* Pointer cursor on hover */
  transition: background-color 0.3s; /* Transition effect */
  letter-spacing: 1px; /* Spacing between letters */
}

.submit-btn:hover {
  background-color: #699028; /* Darker shade on hover */
}

/* Success Message Styles */
.success-message {
  color: #28a745; /* Green color for success message */
  font-size: 14px; /* Font size */
}

/* Checkbox and Submit Button Styles */
.checkbox-submit-row {
  display: flex; /* Use flexbox for alignment */
  justify-content: space-between; /* Space between checkbox and button */
  align-items: center; /* Center items vertically */
  margin-top: 0px; /* Add margin to separate from the above fields */
}

/* Center Placeholder Text for Birthday Field */
.birthday-input::placeholder {
  text-align: center; /* Center the placeholder text */
}

/* Change input text color on focus */
input.form-control:focus,
select.form-control:focus,
textarea:focus {
  outline: none; /* Remove default outline */
  border-color: #699028; /* Border color on focus */
  color: white; /* Change text color to white on focus */
}

/* Maintain white text color after focus */
input.form-control,
select.form-control {
  color: white; /* Ensure text remains white after focus */
}

/* Nearest Branch / Postcode Search */

/* Nearest Branch Form Styling */
.nearest-branch-form {
  max-width: 600px; /* Limit the form width */
  margin: 0 auto; /* Center form */
  padding: 20px; /* Form padding */
  background-color: transparent; /* Transparent background */
}

/* Form Group Styling */
.form-group {
  margin-bottom: 0px; /* Space between form elements */
}

/* Label Styling */
.form-label {
  color: white; /* White text for labels */
  font-size: 14px; /* Font size for labels */
  margin-bottom: 5px; /* Spacing below labels */
  display: block; /* Block display for labels */
}

/* Select & Input Field Styles */
.form-control {
  width: 100%; /* Full width for input fields */
  padding: 10px; /* Padding inside input fields */
  border: 1px solid white; /* White border */
  border-radius: 4px; /* Rounded corners */
  background-color: transparent; /* Transparent background */
  color: white; /* White text color */
  font-size: 16px; /* Font size */
  box-sizing: border-box; /* Ensure padding fits in the width */
}

/* Placeholder Styling */
.form-control::placeholder {
  color: white; /* Placeholder text color */
}

/* OR Separator Styling */
.or-separator p {
  text-align: center; /* Center the "OR" text */
  color: white; /* White text color */
  margin: 10px 0; /* Space above and below */
  font-size: 14px; /* Font size */
}

/* Centered Submit Button (50% Width) */
.submit-btn-small {
  background-color: #699028; /* Button background color */
  color: white; /* Button text color */
  border: none; /* No border */
  padding: 8px 16px; /* Reduced padding */
  border-radius: 0px; /* No rounded corners */
  font-size: 24px; /* Font size */
  font-family: "League Gothic", sans-serif; /* Set the font family */
  text-transform: uppercase;
  cursor: pointer; /* Pointer cursor on hover */
  transition: background-color 0.3s; /* Transition effect */
  letter-spacing: 1px;
  width: 30%; /* Set the button width to 50% */
  display: block; /* Makes the button a block element */
  margin: 20px auto; /* Centres the block element */
}

.submit-btn-small:hover {
  background-color: #557520; /* Darker shade on hover */
}

.form-label {
  display: none;
}

/* Restaurant Page */

.location-title {
  color: #699028;
  font-size: 40px !important;
  font-family: "League Gothic", sans-serif; /* Set the font family */
}

/* Contact Us Page */
.contact-feedback-title {
  font-size: 40px;
  text-transform: uppercase;
  font-family: "League Gothic", sans-serif; /* Set the font family */
}

.contact-highlighted-text {
  font-family: active, sans-serif; /* Font family for highlighted text */
  text-transform: uppercase;
  color: #699028;
  font-size: 60px;
}

.contact-details-title {
  color: #699028;
  text-transform: uppercase;
  font-family: "League Gothic", sans-serif; /* Set the font family */
  font-size: 25px;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.croydon-info-row,
.cardiff-info-row,
.ilford-info-row,
.watford-info-row,
.wembley-info-row,
.wood-green-info-row {
}

/* Style for the address */
.location-address {
  color: #fff;
}

/* Style for the telephone */
.location-telephone {
  color: #fff;
}

/* Style for the email */
.location-email {
  color: #fff;
}

/* Careers Section */

.et_pb_custblog_0:not(.et_pb_custblog_grid_wrapper) .et_pb_post,
.et_pb_custblog_1:not(.et_pb_custblog_grid_wrapper) .et_pb_post,
.et_pb_custblog_2:not(.et_pb_custblog_grid_wrapper) .et_pb_post,
.et_pb_custblog_3:not(.et_pb_custblog_grid_wrapper) .et_pb_post,
.et_pb_custblog_4:not(.et_pb_custblog_grid_wrapper) .et_pb_post,
.et_pb_custblog_5:not(.et_pb_custblog_grid_wrapper) .et_pb_post {
  border-color: #e02b20 #e02b20 #699028 #e02b20;
  border-bottom-width: 1px;
  border-bottom: 1px solid #699028;
}

.filter-selectbox {
  padding: 1em;
  width: 100%;
}

.custom-read-more .et_pb_post .more-link {
  content: "Apply" !important;
}

.dropdown-right-to-work {
  z-index: 999999999999999 !important;
}

span.forminator-select-dropdown.forminator-custom-form-282.forminator-dropdown--flat.forminator-select-dropdown--below {
  z-index: 999999999999999999999 !important;
}

@media only screen and (max-width: 600px) {
  .careers-col1 {
    width: 100% !important;
    padding-left: 2.5% !important;
  }

  .careers-col2 {
    width: 100% !important;
  }
}
.filter-text p:not(.has-background):last-of-type {
  padding-bottom: 0;
  display: block;
}
p:not(.has-background):last-of-type {
}

h2.not-found-title {
  /* Hide the element's content */
  font-size: 0;
  line-height: 0;
  color: transparent;
  visibility: hidden;
}

h2.not-found-title::before {
  /* Insert "No Jobs found" before the content */
  content: "No current vacancies - Please check regularly";
  /* Restore the font size, line height, and visibility */
  font-size: 16px; /* Adjust this value as needed */
  line-height: normal; /* Adjust this value as needed */
  color: initial;
  visibility: visible;
}

.career-category {
  display: block !important;
  font-size: 0.9em; /* Adjust the font size */
  color: #888; /* Adjust the color */
  margin-top: 5px; /* Add some space above the category terms */
  font-weight: 300;
}

.drinks-dropdown {
  width: 40%;
  margin: auto;
}

/* Change the visibility of the menu submenu on click */

.drinks-list-dropdown li.et-touch-hover > ul,
.drinks-list-dropdown li:hover > ul {
  opacity: 0;
  visibility: hidden;
}

.drinks-list-dropdown ul.sub-menu.hide.visible {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 980px) {
  .drinks-dropdown {
    width: 100%;
    margin: auto;
  }
  .tablet-columns .et_pb_column {
    width: 50% !important;
  }
  .pa-open-mobile-menu .et_pb_menu__menu {
    display: flex !important;
  }
  .pa-open-mobile-menu .et_mobile_nav_menu {
    display: none !important;
  }

  .two-columns .et_pb_column {
    width: 50% !important;
  }

  .three-columns .et_pb_column {
    width: 33.33% !important;
  }

  .four-columns .et_pb_column {
    width: 25% !important;
  }
  .et-l--header {
    height: 0px !important;
    background: #ffffff !important;
  }
  .footer-nav-menu li a {
    padding: 0px 0px !important; /* Adjust spacing around menu items */
  }
}

@media only screen and (max-width: 479px) {
  .tablet-columns .et_pb_column {
    width: 100% !important;
  }
}

/* Christmas Dropdown */

/* Dropdown Button Styles */
.dropdown-btn {
  background-color: #007bff; /* Background colour */
  color: white; /* Text colour */
  border: 2px solid #699028; /* Remove border */
  cursor: pointer; /* Pointer cursor on hover */
  width: 100%; /* Full width for the button */
  text-align: center; /* Align text to the left */
  border-radius: 4px; /* Rounded corners */
  transition: background-color 0.3s ease;
}

.dropdown-btn.et_pb_button:hover:after {
  display: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.dropdown-btn:hover {
  background-color: #0056b3; /* Darker shade on hover */
}

/* Dropdown Content Styles */

/* Show the dropdown content when clicked */
.opening-hours-dropdown .dropdown-btn.active + .dropdown-content {
  display: block; /* Show content */
}

/* Drinks Dropdown Button Styles */
.drinks-dropdown-btn.et_pb_button {
  color: white; /* Text colour */
  font-size: 24px !important; /* Font size */
  border: 2px solid #699028; /* Remove border */
  cursor: pointer; /* Pointer cursor on hover */
  width: 100%; /* Full width for the button */
  text-align: center; /* Align text to the left */
  border-radius: 4px; /* Rounded corners */
  transition: background-color 0.3s ease;
}

.drinks-dropdown-btn.et_pb_button:hover:after {
  display: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.drinks-dropdown-btn:hover {
  background-color: #0056b3; /* Darker shade on hover */
}

/* Drinks Dropdown Content Styles */
.dropdown-content {
  display: none; /* Hidden by default */
  background-color: #333; /* Dark background */
  border-radius: 4px; /* Rounded corners for the dropdown */
  padding: 10px; /* Padding inside the dropdown */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow */
  position: relative; /* Position relative to the button */
  z-index: 1000;
}

.dropdown-content a {
  display: block;
  padding: 10px;
  color: white; /* White text color for the links */
  text-decoration: none; /* Remove underline from links */
  border-bottom: 2px solid #699028; /* Green separator */
  font-family: "League Gothic", sans-serif; /* Add League Gothic font */
  font-size: 24px; /* Optional: adjust font size */
  text-transform: uppercase;
  text-align: center;
}

.dropdown-content a:hover {
  background-color: #444; /* Slightly lighter on hover */
}

.dropdown-content a:last-child {
  border-bottom: none; /* Remove the bottom border for the last item */
}

/* Location Dropdown Button Styles */

.location-dropdown {
  width: 50%;
  margin: auto;
}
.location-dropdown-btn.et_pb_button {
  color: white; /* Text color */
  font-size: 30px !important; /* Font size */
  border: 2px solid #699028; /* Border color */
  cursor: pointer; /* Pointer cursor on hover */
  width: 100%; /* Full width */
  text-align: center; /* Center align text */
  border-radius: 4px; /* Rounded corners */
  width: 100%;
  background-color: #4d4d4f;
}

.location-dropdown-btn.et_pb_button:hover:after {
  display: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.location-dropdown-btn:hover {
  background-color: #0056b3; /* Darker shade on hover */
}

/* Location Dropdown Content Styles */
.location-dropdown-content {
  display: none; /* Hidden by default */
  background-color: #333; /* Dark background */
  border-radius: 4px; /* Rounded corners */
  padding: 10px; /* Padding inside the dropdown */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow */
  position: relative; /* Position relative to the button */
  z-index: 1000;
}

.location-dropdown-content a {
  display: block;
  padding: 10px;
  color: white; /* White text color for the links */
  text-decoration: none; /* Remove underline from links */
  border-bottom: 2px solid #699028; /* Green separator */
  font-family: "League Gothic", sans-serif; /* Add League Gothic font */
  font-size: 24px; /* Optional: adjust font size */
  text-transform: uppercase;
  text-align: center;
}

.location-dropdown-content a:hover {
  background-color: #444; /* Slightly lighter on hover */
}

.location-dropdown-content a:last-child {
  border-bottom: none; /* Remove the bottom border for the last item */
}

li.xmas-btn.et_pb_menu_page_id-904.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-926
  a {
  color: red !important;
  text-decoration: underline 1px solid red;
  font-weight: 600 !important;
}